Update css

trimble-oss · Jul 4, 2024 · 9894878 · 9894878
1 parent 82d149a
commit 9894878
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.scss b/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.scss
@@ -63,9 +63,9 @@
       --input-font-size: var(--modus-autocomplete-font-size, #{12px});
 
       &::part(input-container) {
-        height: 1.875rem;
         border: none !important;
         box-shadow: none;
+        height: 1.875rem;
       }
     }
   }
@@ -158,6 +158,18 @@
   }
 
   &.large {
+    .chips-container {
+      .input {
+        &::part(input-container) {
+          height: 3rem;
+        }
+      }
+    }
+
+    .icon-search {
+      margin-left: 8px;
+    }
+
     .options-container > .text-option {
       font-size: $rem-14px;
       min-height: 3rem;

diff --git a/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.tsx b/stencil-workspace/src/components/modus-autocomplete/modus-autocomplete.tsx
@@ -458,7 +458,7 @@ export class ModusAutocomplete {
             <modus-chip
               value={chip.value}
               chipId={chip.id}
-              size="small"
+              size={this.size === 'large' ? 'medium' : 'small'}
               show-close
               onCloseClick={() => this.handleCloseClick(chip)}></modus-chip>
           ))}