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

reverted media queries

Browse Source
This commit is contained in:
Patrick O'Carroll
2018-01-26 16:59:16 +01:00
parent 2f891726c3
commit ffff75b01a
1 changed files with 29 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,7 +10,7 @@
} }
.search-container { .search-container {
left: $side-menu-width; left: 0;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
@@ -58,7 +58,7 @@
.search-dropdown { .search-dropdown {
display: flex; display: flex;
flex-direction: row; flex-direction: column;
height: calc(100% - #{$navbarHeight}); height: calc(100% - #{$navbarHeight});
} }
@@ -74,7 +74,7 @@
flex-grow: 1; flex-grow: 1;
height: 100%; height: 100%;
padding-top: 16px; padding-top: 16px;
display: flex; display: none;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
} }
@@ -85,7 +85,6 @@
padding: $spacer*1.5; padding: $spacer*1.5;
min-width: 340px; min-width: 340px;
margin-bottom: $spacer * 1.5; margin-bottom: $spacer * 1.5;
margin-left: $spacer * 1.5;
} }
.search-filter-box__header { .search-filter-box__header {
@@ -215,7 +214,8 @@
} }
.search-item__tags { .search-item__tags {
padding: 10px; display: none;
//padding: 10px;
} }
.search-item__actions { .search-item__actions {
@@ -248,50 +248,45 @@
background: $panel-bg; background: $panel-bg;
} }
@include media-breakpoint-down(md) { @include media-breakpoint-up(sm) {
.search-dropdown { .search-container {
flex-direction: column; left: $side-menu-width;
}
.search-dropdown__col_2 {
display: flex;
margin-bottom: 1rem;
}
}
@include media-breakpoint-up(md) {
.search-dropdown__col_2 {
flex-direction: row;
justify-content: space-between;
max-width: 700px;
height: 260px;
} }
.search-dropdown__col_1 { .search-dropdown__col_1 {
height: 100%; height: 100%;
} }
.search-dropdown__col_2 {
max-width: 700px;
flex-direction: row;
margin: 0;
justify-content: space-between;
height: 260px;
}
.search-filter-box { .search-filter-box {
margin: 0; margin: 0;
} }
} }
@include media-breakpoint-down(sm) { @include media-breakpoint-up(lg) {
.search-dropdown {
flex-direction: row;
}
.search-dropdown__col_2 { .search-dropdown__col_2 {
flex-direction: column; flex-direction: column;
height: 80%;
justify-content: flex-start;
} }
.search-filter-box { .search-filter-box {
margin-bottom: 1.5rem; margin-left: $spacer * 1.5;
} margin-bottom: $spacer * 1.5;
}
@include media-breakpoint-down(xs) {
.search-container {
left: 0;
}
.search-dropdown__col_2 {
display: none;
}
.search-item__tags {
display: none;
} }
} }