Fix build issues.

cloudscape-design · Feb 6, 2024 · 2e6bafb · 2e6bafb
1 parent de6a230
commit 2e6bafb
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 15 deletions.
diff --git a/src/table/body-cell/styles.scss b/src/table/body-cell/styles.scss
@@ -327,11 +327,11 @@ $success-icon-padding-right: calc(#{$edit-button-padding-right} + #{$icon-width-
         }
 
         & > .body-cell-editor {
-          padding-right: calc(#{$edit-button-padding-right} - (2 * #{awsui.$border-divider-list-width}));
+          padding-inline-end: calc(#{$edit-button-padding-right} - (2 * #{awsui.$border-divider-list-width}));
         }
         & > .body-cell-success {
           // Update padding to avoid a jumping icon because of the additional borders added when hovering an editable cell.
-          padding-right: calc(#{$success-icon-padding-right} - (2 * #{awsui.$border-divider-list-width}));
+          padding-inline-end: calc(#{$success-icon-padding-right} - (2 * #{awsui.$border-divider-list-width}));
         }
         &.body-cell-last-row.body-cell-selected,
         &.body-cell-next-selected {

diff --git a/src/table/resizer/styles.scss b/src/table/resizer/styles.scss
@@ -26,28 +26,29 @@ th:not(:last-child) > .divider {
   top: 0;
   min-height: awsui.$line-height-heading-xs;
   max-height: calc(100% - #{$gap});
-  margin: auto;
-  border-left: awsui.$border-item-width solid awsui.$color-border-divider-interactive-default;
+  margin-block: auto;
+  margin-inline: auto;
+  border-inline-start: awsui.$border-item-width solid awsui.$color-border-divider-interactive-default;
   box-sizing: border-box;
 
   &-disabled {
-    border-left-color: awsui.$color-border-divider-default;
+    border-inline-start-color: awsui.$color-border-divider-default;
   }
   &-active {
-    border-left: $active-separator-width solid awsui.$color-border-divider-active;
+    border-inline-start: $active-separator-width solid awsui.$color-border-divider-active;
   }
 }
 
 .resizer {
   @include styles.styles-reset;
   border: none;
   background: none;
-  bottom: 0;
+  inset-block-end: 0;
   cursor: col-resize;
   position: absolute;
-  right: calc(-1 * #{$handle-width} / 2);
-  top: 0;
-  width: $handle-width;
+  inset-inline-end: calc(-1 * #{$handle-width} / 2);
+  inset-block-start: 0;
+  inline-size: $handle-width;
   z-index: 10;
   &:focus {
     outline: none;
@@ -59,7 +60,7 @@ th:not(:last-child) > .divider {
   }
   th:last-child > & {
     width: calc(#{$handle-width} / 2);
-    right: 0;
+    inset-inline-end: 0;
   }
   &:hover + .divider {
     border-left: $active-separator-width solid awsui.$color-border-divider-active;
@@ -74,10 +75,10 @@ th:not(:last-child) > .divider {
 .tracker {
   display: none;
   position: absolute;
-  border-left: awsui.$border-divider-list-width dashed awsui.$color-border-divider-active;
-  width: 0;
-  top: 0;
-  bottom: 0;
+  border-inline-start: awsui.$border-divider-list-width dashed awsui.$color-border-divider-active;
+  inline-size: 0;
+  inset-block-start: 0;
+  inset-block-end: 0;
   //stylelint-disable-next-line selector-combinator-disallowed-list
   .resize-active & {
     display: block;