From 5e568f66575a384e5e874586ece6ca412e816e57 Mon Sep 17 00:00:00 2001
From: mheggelund <maohe@equinor.com>
Date: Wed, 24 Jan 2024 10:48:58 +0100
Subject: [PATCH] style: Highligted active local case.

---
 src/features/Compute/CaseGroup/CaseRow/CaseRow.Styled.ts | 4 ++++
 src/features/Compute/CaseGroup/CaseRow/CaseRow.tsx       | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/features/Compute/CaseGroup/CaseRow/CaseRow.Styled.ts b/src/features/Compute/CaseGroup/CaseRow/CaseRow.Styled.ts
index d2d1ad50..4ded0fde 100644
--- 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
index 6afd0160..122a7e8f 100644
--- 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'}
       >