IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

ux: made new search more responsive

Browse Source
This commit is contained in:
Torkel Ödegaard 2017-06-02 14:19:39 +02:00
parent e9d5e037e8
commit 3bea304bab
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/app/core/components/search/search.html
View File

@ -4,7 +4,7 @@
<div class="search-container" ng-if="ctrl.isOpen"> <div class="search-container" ng-if="ctrl.isOpen">
<div class="search-field-wrapper"> <div class="search-field-wrapper">
<div class="search-field-icon"> <div class="search-field-icon pointer" ng-click="ctrl.closeSearch()">
<i class="fa fa-search"></i> <i class="fa fa-search"></i>
</div> </div>

11
public/sass/components/_search.scss
View File

@ -10,7 +10,7 @@
} }
.search-container { .search-container {
left: 78px; left: 0;
top: 0; top: 0;
right: 0; right: 0;
z-index: ($zindex-modal-backdrop + 10); z-index: ($zindex-modal-backdrop + 10);
@ -59,6 +59,7 @@
.search-dropdown { .search-dropdown {
display: flex; display: flex;
flex-direction: column;
max-width: 1100px; max-width: 1100px;
visibility: none; visibility: none;
opacity: 0; opacity: 0;
@ -163,3 +164,11 @@
} }
} }
@include media-breakpoint-up(md) {
.search-dropdown {
flex-direction: row;
}
.search-container {
left: 78px;
}
}