chore: Apply bold styles on the segment itself

appsmithorg · Dec 19, 2024 · a94e072 · a94e072
1 parent cec1885
commit a94e072
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/app/client/packages/design-system/ads/src/SegmentedControl/SegmentedControl.styles.tsx b/app/client/packages/design-system/ads/src/SegmentedControl/SegmentedControl.styles.tsx
@@ -41,6 +41,12 @@ export const StyledSegment = styled.span`
   & > * {
     color: var(--ads-v2-colors-control-segment-value-default-fg);
   }
+
+  &[data-selected="true"] {
+    span {
+      font-weight: var(--ads-v2-font-weight-bold);
+    }
+  }
 `;
 
 export const StyledControlContainer = styled.div`
@@ -81,6 +87,7 @@ export const StyledControlContainer = styled.div`
 
   /* Select all segments which is not a selected and last child */
   /* seperator */
+
   &:not(:hover):not(:last-child):not([data-selected="true"]):not(
       :has(+ [data-selected="true"])
     ):after {

diff --git a/...es/design-system/ads/src/Templates/EntityExplorer/EditorSegments/EditorSegments.styles.ts b/...es/design-system/ads/src/Templates/EntityExplorer/EditorSegments/EditorSegments.styles.ts
@@ -4,13 +4,5 @@ import { Flex } from "../../../Flex";
 export const Container = styled(Flex)`
   .editor-pane-segment-control {
     max-width: 247px;
-
-    .ads-v2-segmented-control__segments-container-segment {
-      &[data-selected="true"] {
-        span {
-          font-weight: var(--ads-v2-font-weight-bold);
-        }
-      }
-    }
   }
 `;