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

Merge remote-tracking branch 'origin/10628_search_media_break'

Browse Source
This commit is contained in:
Torkel Ödegaard 2018-01-29 09:29:46 +01:00
commit c5a75ab84a
1 changed files with 41 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
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,16 +248,45 @@
background: $panel-bg; background: $panel-bg;
} }
@include media-breakpoint-down(xs) { @include media-breakpoint-up(sm) {
.search-container { .search-container {
left: 0; left: $side-menu-width;
} }
.search-dropdown__col_2 { .search-dropdown__col_2 {
display: none; display: flex;
margin-bottom: 1rem;
}
} }
.search-item__tags { @include media-breakpoint-up(md) {
display: none; .search-dropdown__col_2 {
flex-direction: row;
justify-content: space-between;
max-width: 700px;
height: 260px;
}
.search-dropdown__col_1 {
height: 100%;
}
.search-filter-box {
margin: 0;
}
}
@include media-breakpoint-up(lg) {
.search-dropdown {
flex-direction: row;
}
.search-dropdown__col_2 {
flex-direction: column;
}
.search-filter-box {
margin-left: $spacer * 1.5;
margin-bottom: $spacer * 1.5;
} }
} }