Fikset styling på statuscelle i accordion på plan.

navikt · Jan 7, 2025 · 47c362c · 47c362c
1 parent 7f72dfc
commit 47c362c
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/client/src/Pages/Virksomhet/Plan/InnholdsBlokk.tsx b/client/src/Pages/Virksomhet/Plan/InnholdsBlokk.tsx
@@ -43,10 +43,16 @@ const StatusSelectContainer = styled.div`
     align-items: center;
     justify-content: center;
     --__ac-accordion-header-shadow: inset 2px 0 0 0 var(--a-transparent), inset -2px 0 0 0 var(--a-transparent), inset 0 2px 0 0 var(--__ac-accordion-header-shadow-color);
-    box-shadow: var(--__ac-accordion-header-shadow), inset 0 -2px 0 0 var(--__ac-accordion-header-shadow-color);
-
+    padding-right: var(--a-spacing-3);
+    .navds-accordion__item:not(:last-child) & {
+        box-shadow: var(--__ac-accordion-header-shadow);
+    }
+    
+    .navds-accordion__item:last-child & {
+        box-shadow: inset 0 -2px 0 0 var(--__ac-accordion-header-shadow-color), var(--__ac-accordion-header-shadow);
+    }
     .navds-accordion__item--open:last-child & {
-        box-shadow: inset 2px 0 0 0 var(--a-transparent), var(--__ac-accordion-header-shadow);
+        box-shadow: inset 0 -2px 0 0 var(--a-transparent), var(--__ac-accordion-header-shadow);
     }
 
     ${StyledAccordionItem}:has(${StyledAccordionHeader}:hover) & {