Influxdata
/
influxdb
mirror of https://github.com/influxdata/influxdb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Clean up query maker responsive styles

pull/10616/head
Alex P 2017-04-17 19:57:27 -07:00
parent 257540f143
commit 906d5d520f
1 changed files with 43 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
ui/src/style/components/query-maker-responsive.scss Normal file
View File

@ -0,0 +1,43 @@
$breakpoint-a: 1500px;
$breakpoint-b: 1800px;
$breakpoint-c: 2100px;
@media only screen and (min-width: $breakpoint-a) {
.query-builder--list-item {
font-size: 14px;
}
.query-builder--heading {
font-size: 15px;
}
}
@media only screen and (min-width: $breakpoint-b) {
.query-builder--list-item {
font-size: 15px;
}
.query-builder--heading {
font-size: 16px;
}
.query-editor--field {
font-size: 14px;
line-height: 16px;
}
}
@media only screen and (min-width: $breakpoint-c) {
.query-builder--list-item {
letter-spacing: 0.3px;
}
.query-builder--heading {
font-size: 17px;
font-weight: 400;
text-transform: uppercase;
}
.query-maker .multi-select-dropdown .dropdown-toggle {
width: 140px;
}
.query-editor--field {
font-size: 16px;
line-height: 18px;
}
}