fix(core): expanding search sizing

siemens · Oct 27, 2022 · 3f7728a · 3f7728a
1 parent 678a719
commit 3f7728a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/core/src/components/expanding-search/expanding-search.scss b/packages/core/src/components/expanding-search/expanding-search.scss
@@ -15,11 +15,15 @@ $container-width: 11.5625rem;
 
 :host {
   display: flex;
-  width: $container-width;
+  width: auto;
   height: $x-large-space;
   align-items: center;
   justify-content: space-between;
 
+  &.right-position {
+    width: $container-width !important;
+  }
+
   .input-container {
     transition: all 0.3s ease-in-out;
   }

diff --git a/packages/core/src/components/expanding-search/expanding-search.tsx b/packages/core/src/components/expanding-search/expanding-search.tsx
@@ -97,6 +97,7 @@ export class ExpandingSearch {
       <Host
         class={{
           expanded: this.expanded,
+          'right-position': this.expanded,
         }}
       >
         <button