From b12282067a9fcbad1cede3394ed6cdc2558eb898 Mon Sep 17 00:00:00 2001 From: Jamie Rees Date: Tue, 7 May 2019 21:34:49 +0100 Subject: [PATCH] searchbar mobile styling --- .../src/app/my-nav/nav-search.component.scss | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.scss b/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.scss index e66804bdd..31d3114d6 100644 --- a/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.scss +++ b/src/Ombi/ClientApp/src/app/my-nav/nav-search.component.scss @@ -2,6 +2,12 @@ $ombi-primary:#3f3f3f; $ombi-primary-darker:#2b2b2b; $ombi-accent: #258a6d; +@media (max-width: 767px) { + .quater-width { + width: 15em !important; + } +} + .quater-width { width: 25em; } @@ -24,10 +30,11 @@ $ombi-accent: #258a6d; } ::ng-deep ngb-typeahead-window button.dropdown-item { - color:white; + color: white; } -::ng-deep ngb-typeahead-window .dropdown-item.active, .dropdown-item:active { +::ng-deep ngb-typeahead-window .dropdown-item.active, +.dropdown-item:active { text-decoration: none; background-color: $ombi-accent; } @@ -36,6 +43,7 @@ $ombi-accent: #258a6d; background-color: $ombi-primary-darker; border: solid 1px $ombi-primary-darker; } + .search-bar:focus { - background-color:white; -} \ No newline at end of file + background-color: white; +}