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-field-wrapper">
<div class="search-field-icon">
<div class="search-field-icon pointer" ng-click="ctrl.closeSearch()">
<i class="fa fa-search"></i>
</div>

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

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