style: Highligted active local case.

equinor · Jan 24, 2024 · 5e568f6 · 5e568f6
1 parent 5fecd76
commit 5e568f6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/features/Compute/CaseGroup/CaseRow/CaseRow.Styled.ts b/src/features/Compute/CaseGroup/CaseRow/CaseRow.Styled.ts
@@ -11,6 +11,10 @@ export const Case = styled.div`
   border-bottom: solid thin ${theme.light.ui.background.medium};
   background-color: ${theme.light.ui.background.default};
   border-radius: ${spacings.CARD_ROUNDED};
+
+  &.local-case {
+    border: solid lightgreen;
+  }
 `;
 
 export const CaseRow = styled.div`

diff --git a/src/features/Compute/CaseGroup/CaseRow/CaseRow.tsx b/src/features/Compute/CaseGroup/CaseRow/CaseRow.tsx
@@ -409,7 +409,7 @@ export const CaseRow = ({
   }, [caseList, allCasesList, saved]);
 
   return (
-    <Styled.Case>
+    <Styled.Case className={id.length <= 3 ? 'local-case' : ''}>
       <Styled.CaseRow
         className={caseType === 'Object' ? 'Object' : 'Variogram'}
       >