fix: update border radius for nested button bar

Refinitiv · Dec 4, 2024 · 4ae349a · 4ae349a
1 parent 284deb4
commit 4ae349a
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/ds-theme/src/custom-elements/ef-button-bar.less b/packages/ds-theme/src/custom-elements/ef-button-bar.less
@@ -1,10 +1,19 @@
 @import '@refinitiv-ui/halo-theme/src/custom-elements/ef-button-bar';
 
 :host {
+  --corner-radius: @comp-button-container-radius-md;
   // using default border color when hover ef-button
   ::slotted(ef-button:not(:focus):hover),
   ::slotted(ef-button:not(:focus)[active][toggles]:hover),
   ::slotted(ef-button[active][toggles]) {
     border-color: @button-border-color;
   }
+
+  ::slotted(ef-button) {
+    border-radius: var(--corner-radius);
+  }
+
+  ::slotted(ef-button-bar) {
+    --corner-radius: @cont-radius-common-none;
+  }
 }