Adjust space for classic

cloudscape-design · Feb 19, 2025 · 09eea70 · 09eea70
1 parent aeae8f9
commit 09eea70
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/segmented-control/segment.scss b/src/segmented-control/segment.scss
@@ -60,6 +60,10 @@ $segment-divider-width: 1px;
   border-inline: none;
   border-block: none;
 
+  &:not(.refresh) {
+    block-size: calc(100% - $segment-gap - (2 * awsui.$border-width-field));
+  }
+
   &:focus {
     outline: none;
   }
@@ -84,10 +88,6 @@ $segment-divider-width: 1px;
     z-index: 1;
   }
 
-  &:not(.refresh):not(:last-child)::after {
-    inset-inline-end: calc(-1 * ($segment-gap - $segment-divider-width));
-  }
-
   @for $i from 1 through 6 {
     &:nth-child(#{$i}) {
       grid-column: $i;

diff --git a/src/segmented-control/styles.scss b/src/segmented-control/styles.scss
@@ -37,8 +37,9 @@ $segment-space: calc(#{seg.$segment-gap} * 2 + #{seg.$segment-divider-width});
   min-block-size: calc(awsui.$line-height-body-m + awsui.$space-static-xxs);
   padding-inline: awsui.$space-static-xxxs;
   gap: $segment-space;
+
   &:not(.refresh) {
-    gap: calc(seg.$segment-gap + seg.$segment-divider-width);
+    padding-inline: calc(awsui.$space-static-xxxs + 1px);
   }
 
   @include styles.media-breakpoint-down(styles.$breakpoint-x-small) {