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

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

@ -10,7 +10,7 @@
}
.search-container {
left: $side-menu-width;
left: 0;
top: 0;
right: 0;
bottom: 0;
@ -58,7 +58,7 @@
.search-dropdown {
display: flex;
flex-direction: row;
flex-direction: column;
height: calc(100% - #{$navbarHeight});
}
@ -74,7 +74,7 @@
flex-grow: 1;
height: 100%;
padding-top: 16px;
display: flex;
display: none;
flex-direction: column;
align-items: flex-start;
}
@ -85,7 +85,6 @@
padding: $spacer*1.5;
min-width: 340px;
margin-bottom: $spacer * 1.5;
margin-left: $spacer * 1.5;
}
.search-filter-box__header {
@ -215,7 +214,8 @@
}
.search-item__tags {
padding: 10px;
display: none;
//padding: 10px;
}
.search-item__actions {
@ -248,16 +248,45 @@
background: $panel-bg;
}
@include media-breakpoint-down(xs) {
@include media-breakpoint-up(sm) {
.search-container {
left: 0;
left: $side-menu-width;
}
.search-dropdown__col_2 {
display: none;
}
.search-item__tags {
display: none;
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 {
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;
}
}