fix: locked dimension color and story example

dhis2 · Feb 20, 2024 · 3a6ab36 · 3a6ab36
1 parent 30b56da
commit 3a6ab36
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/__demo__/DimensionsPanel.stories.js b/src/__demo__/DimensionsPanel.stories.js
@@ -94,6 +94,7 @@ storiesOf('DimensionsPanel', module).add('locked dimension', () => {
         <DimensionsPanel
             dimensions={[...fixedDimensions, ...dynamicDimensions]}
             onDimensionClick={onDimensionClick}
+            selectedIds={[DIMENSION_ID_DATA]}
             lockedDimension={(dimension) => dimension === DIMENSION_ID_DATA}
         />
     )

diff --git a/src/components/DimensionsPanel/List/styles/DimensionItem.module.css b/src/components/DimensionsPanel/List/styles/DimensionItem.module.css
@@ -65,6 +65,7 @@
 .lockWrapper svg path {
     fill: var(--colors-grey800);
 }
+
 .lockWrapper {
     background: var(--colors-grey300);
     height: 20px;
@@ -74,6 +75,9 @@
     justify-content: center;
 }
 
+.item.selected .lockWrapper {
+    background: #cbe7e5;
+}
 .item.selected .lockWrapper svg path {
     fill: var(--colors-teal900);
 }