IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-01-09 23:53:25 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix for search dropdown on small screen + icon overlapping fix (#10091)

Browse Source 
* fix for search dropdown on small screen + icon overlapping fix

* fixing search filter for small screen

* hid tags and filter box

* iphone input zoom fix

* moved input styling to old-responsive
This commit is contained in:
Patrick O'Carroll 2017-12-08 13:37:37 +01:00 committed by Torkel Ödegaard
parent 77b537f45f
commit 9cae579c75
3 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/sass/_old_responsive.scss
View File

@ -18,6 +18,14 @@
// Media queries // Media queries
// --------------------- // ---------------------
@include media-breakpoint-down(xs) {
input[type='text'],
input[type='number'],
textarea {
font-size: 16px;
}
}
@include media-breakpoint-up(sm) { @include media-breakpoint-up(sm) {
.navbar-page-btn { .navbar-page-btn {
max-width: 250px; max-width: 250px;

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

@ -217,3 +217,18 @@
padding: $spacer*2 $spacer; padding: $spacer*2 $spacer;
background: $panel-bg; background: $panel-bg;
} }
@include media-breakpoint-down(xs) {
.search-container {
left: 0;
}
.search-dropdown__col_2 {
display: none;
}
.search-item__tags {
display: none;
}
}

1
public/sass/components/_view_states.scss
View File

@ -37,6 +37,7 @@
.navbar { .navbar {
box-shadow: none; box-shadow: none;
background: transparent; background: transparent;
padding-left: $side-menu-width + 20px;
} }
.navbar-page-btn { .navbar-page-btn {