searchbar mobile styling

This commit is contained in:
Jamie Rees 2019-05-07 21:34:49 +01:00
commit b12282067a

View file

@ -2,6 +2,12 @@ $ombi-primary:#3f3f3f;
$ombi-primary-darker:#2b2b2b; $ombi-primary-darker:#2b2b2b;
$ombi-accent: #258a6d; $ombi-accent: #258a6d;
@media (max-width: 767px) {
.quater-width {
width: 15em !important;
}
}
.quater-width { .quater-width {
width: 25em; width: 25em;
} }
@ -27,7 +33,8 @@ $ombi-accent: #258a6d;
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; text-decoration: none;
background-color: $ombi-accent; background-color: $ombi-accent;
} }
@ -36,6 +43,7 @@ $ombi-accent: #258a6d;
background-color: $ombi-primary-darker; background-color: $ombi-primary-darker;
border: solid 1px $ombi-primary-darker; border: solid 1px $ombi-primary-darker;
} }
.search-bar:focus { .search-bar:focus {
background-color: white; background-color: white;
} }