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

added media break for md and sm

Browse Source
This commit is contained in:
Patrick O'Carroll 2018-01-26 14:46:52 +01:00
parent a17dbf9af8
commit 08822fbdca
1 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -248,6 +248,39 @@
background: $panel-bg; background: $panel-bg;
} }
@include media-breakpoint-down(md) {
.search-dropdown {
flex-direction: column;
}
.search-dropdown__col_1 {
height: 100%;
}
.search-dropdown__col_2 {
max-width: 700px;
flex-direction: row;
margin: 0;
justify-content: space-between;
height: 260px;
}
.search-filter-box {
margin: 0;
}
}
@include media-breakpoint-down(sm) {
.search-dropdown__col_2 {
flex-direction: column;
height: 100%;
}
.search-filter-box {
margin-bottom: 1.5rem;
}
}
@include media-breakpoint-down(xs) { @include media-breakpoint-down(xs) {
.search-container { .search-container {
left: 0; left: 0;