non-aesthetic changes

Co-authored-by: Greta <[email protected]>
iTwin · May 9, 2023 · d154b22 · d154b22
1 parent aa166d7
commit d154b22
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/packages/itwinui-css/src/input-container/input-container.scss b/packages/itwinui-css/src/input-container/input-container.scss
@@ -48,9 +48,6 @@
   --_iui-input-padding-block: 0;
   --_iui-input-min-height: var(--iui-component-height-small);
 
-  // To match borderless button left padding + border
-  --_iui-flex-input-icon-padding: 10px;
-
   display: inline-flex;
   align-items: center;
   background-color: var(--_iui-input-background-color);
@@ -59,6 +56,7 @@
   position: relative;
   height: var(--_iui-input-min-height);
   width: 100%;
+  isolation: isolate;
 
   // Adding before pseudo-element to make inner elements more centered
   &::before {

diff --git a/packages/itwinui-css/src/searchbox/searchbox.scss b/packages/itwinui-css/src/searchbox/searchbox.scss
@@ -4,8 +4,6 @@
 .iui-expandable-searchbox {
   width: var(--_iui-input-min-height);
   transition: width var(--iui-duration-1) ease-in-out;
-  isolation: isolate;
-  overflow: hidden;
 
   &:has(.iui-searchbox-open-button:focus-visible) {
     outline: 2px solid var(--_iui-input-accent-border-color);
@@ -23,6 +21,17 @@
     width: 100%;
     border-color: var(--_iui-input-border-color);
   }
+
+  // To match borderless button left padding + border
+  --_iui-flex-input-icon-padding: 10px;
+
+  &[data-iui-size='small'] {
+    --_iui-flex-input-icon-padding: 5px;
+  }
+
+  &[data-iui-size='large'] {
+    --_iui-flex-input-icon-padding: 16px;
+  }
 }
 
 .iui-search-icon {