diff --git a/v3/src/components/case-card/case-attr-view.scss b/v3/src/components/case-card/case-attr-view.scss index 4bc9e78683..1ff3d4c9d4 100644 --- a/v3/src/components/case-card/case-attr-view.scss +++ b/v3/src/components/case-card/case-attr-view.scss @@ -2,7 +2,7 @@ .case-card-attr { height: 25px; - + &:nth-child(2) { .case-card-attr-value { border-top: solid 1px #b2b2b2; @@ -45,6 +45,11 @@ text-align: left; } + &.formula-attr-value { + background-color: rgba(255, 255, 0, 0.2); + font-style: italic; + } + span { border-radius: 0; display: inline-block; diff --git a/v3/src/components/case-card/case-attr-view.tsx b/v3/src/components/case-card/case-attr-view.tsx index 7f47a0b4a4..fc10e7ece2 100644 --- a/v3/src/components/case-card/case-attr-view.tsx +++ b/v3/src/components/case-card/case-attr-view.tsx @@ -29,6 +29,7 @@ export const CaseAttrView = observer(function CaseAttrView (props: ICaseAttrView const { caseId, collection, attrId, unit, value, getDividerBounds, onSetContentElt } = props const cardModel = useCaseCardModel() const data = cardModel?.data + const attr = collection.getAttribute(attrId) const isCollectionSummarized = !!cardModel?.summarizedCollections.includes(collection.id) const displayValue = value ? String(value) : "" const showUnitWithValue = isFiniteNumber(Number(value)) && unit @@ -63,7 +64,7 @@ export const CaseAttrView = observer(function CaseAttrView (props: ICaseAttrView const renderEditableOrSummaryValue = () => { if (isCollectionSummarized) { return ( -
+
{displayValue}
) @@ -71,8 +72,9 @@ export const CaseAttrView = observer(function CaseAttrView (props: ICaseAttrView return ( setIsEditing(true)}