diff --git a/ui/src/components/search/search-input.ts b/ui/src/components/search/search-input.ts index c03e04a47..c750230db 100644 --- a/ui/src/components/search/search-input.ts +++ b/ui/src/components/search/search-input.ts @@ -84,10 +84,13 @@ export class SearchInput extends LitElementI18n { protected updated(changedProperties: PropertyValues): void { super.updated(changedProperties); - if (this.isActive) { - this.classList.add('is-active'); - } else { - this.classList.remove('is-active'); + console.log(changedProperties); + if (changedProperties.has('isActive' as keyof SearchInput)) { + if (this.isActive) { + this.classList.add('is-active'); + } else { + this.classList.remove('is-active'); + } } } diff --git a/ui/src/ngm-app.ts b/ui/src/ngm-app.ts index 585d5c41b..bab8cc365 100644 --- a/ui/src/ngm-app.ts +++ b/ui/src/ngm-app.ts @@ -207,8 +207,6 @@ export class NgmApp extends LitElementI18n { this.queryManager = new QueryManager(viewer); this.sidebar = this.querySelector('ngm-side-bar') as SideBar | null; - - // setupSearch(viewer, this.querySelector('ga-search')!, sideBar); } removeLoading() { diff --git a/ui/src/style/header.css b/ui/src/style/header.css index 847ec5784..31a98880a 100644 --- a/ui/src/style/header.css +++ b/ui/src/style/header.css @@ -19,7 +19,6 @@ header { @media (min-width: 700px) { header { --header-padding-v: 16px; - --suffix-width: 90px; justify-content: flex-start; } } @@ -87,4 +86,4 @@ header .ngm-header-suffix { width: unset; max-width: unset; } -} \ No newline at end of file +} diff --git a/ui/src/style/ngm-side-bar.css b/ui/src/style/ngm-side-bar.css index 8955aa314..b5a486907 100644 --- a/ui/src/style/ngm-side-bar.css +++ b/ui/src/style/ngm-side-bar.css @@ -129,7 +129,6 @@ ngm-side-bar { overflow-y: auto; overflow-x: hidden; padding-bottom: 40px; - /* scrollbar-color: #868E96 #F1F3F5; */ } .ngm-menu-1 > div.ngm-active-section > div:nth-child(1),