fix shellbar search popover container width/left

SAP · May 30, 2019 · fe6a7ce · fe6a7ce
1 parent 7582a05
commit fe6a7ce
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/library/src/lib/search-input/search-input.component.ts b/library/src/lib/search-input/search-input.component.ts
@@ -140,7 +140,7 @@ export class SearchInputComponent implements ControlValueAccessor, OnInit, OnCha
 
     /** @hidden */
     onInputKeyupHandler() {
-        if (this.inputText.length) {
+        if (this.inputText && this.inputText.length) {
             this.isOpen = true;
         }
     }

diff --git a/library/src/lib/shellbar/shellbar-actions/shellbar-actions.component.scss b/library/src/lib/shellbar/shellbar-actions/shellbar-actions.component.scss
@@ -0,0 +1,4 @@
+.fd-search-input--closed .fd-popover__body {
+    width: 300px !important;
+    left: -264px !important;
+}
diff --git a/library/src/lib/shellbar/shellbar-actions/shellbar-actions.component.ts b/library/src/lib/shellbar/shellbar-actions/shellbar-actions.component.ts
@@ -35,6 +35,7 @@ import { SearchInputComponent } from '../../search-input/search-input.component'
 @Component({
     selector: 'fd-shellbar-actions',
     templateUrl: './shellbar-actions.component.html',
+    styleUrls: ['./shellbar-actions.component.scss'],
     encapsulation: ViewEncapsulation.None
 })
 export class ShellbarActionsComponent implements OnInit, AfterContentChecked {