fix(toolbar): hide collapsed search input bottom border

carbon-design-system · Jan 2, 2019 · d28e39c · d28e39c
1 parent 56f9468
commit d28e39c
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/src/components/toolbar/_toolbar.scss b/src/components/toolbar/_toolbar.scss
@@ -13,7 +13,7 @@ $css--helpers: true;
 @import '../overflow-menu/overflow-menu';
 @import '../search/search';
 
-@include exports('toolbar') {
+@mixin toolbar {
   .#{$prefix}--toolbar {
     @include font-family;
     display: flex;
@@ -125,3 +125,18 @@ $css--helpers: true;
     border: none;
   }
 }
+
+@mixin toolbar--x {
+  @include toolbar;
+  .#{$prefix}--toolbar-search:not(.#{$prefix}--toolbar-search--active) .#{$prefix}--search-input {
+    border-bottom: none;
+  }
+}
+
+@include exports('toolbar') {
+  @if feature-flag-enabled('components-x') {
+    @include toolbar--x;
+  } @else {
+    @include toolbar;
+  }
+}