legend checkbox border fixes among default state, inverse, and deacti…

…vated
cengage · Nov 16, 2023 · 8bf0909 · 8bf0909
1 parent 30f2ef9
commit 8bf0909
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/packages/charts/src/components/CarbonChart/CarbonChart.tsx b/packages/charts/src/components/CarbonChart/CarbonChart.tsx
@@ -101,7 +101,7 @@ const CarbonChartWrapper = styled.div<{
           props.isInverse
             ? props.theme.colors.neutral900
             : props.theme.colors.neutral100};
-        border: ${props => (props.isInverse ? '1px solid transparent' : '')};
+        border: none;
         width: ${props => props.theme.spaceScale.spacing05};
         height: ${props => props.theme.spaceScale.spacing05};
         svg{
@@ -115,6 +115,16 @@ const CarbonChartWrapper = styled.div<{
       }
     }
   }
+  div.cds--cc--legend.has-deactivated-items{
+    div.legend-item{
+      div.checkbox{
+        border: 1px solid ${props =>
+          props.isInverse
+            ? props.theme.colors.neutral100
+            : props.theme.colors.neutral900}
+      }
+    }
+  }
   .chart-holder{
     .cds--cc--axes g.axis g.tick text{
       fill:${props => (props.isInverse ? props.theme.colors.neutral100 : '')};