github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-15 04:06:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): dropdown width should depend on screen size

Browse Source 
To better fit on small screens
This commit is contained in:
Łukasz Mierzwa
2018-07-16 14:21:37 +02:00
parent fe621443b7
commit 39c1050715
1 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
ui/src/Components/NavBar/FilterInput/index.css
View File

@@ -12,10 +12,6 @@
vertical-align: middle;
}
.dropdown-menu.components-navbar-historymenu {
max-width: 400px;
}
.dropdown-menu.components-navbar-historymenu > .dropdown-item {
white-space: normal;
}
@@ -23,3 +19,19 @@
.components-navbar-historymenu-labels {
border-left: 3px solid;
}
@media screen and (min-width: 1px) and (max-width: 599px) {
.dropdown-menu.components-navbar-historymenu {
max-width: 100%;
}
}
@media screen and (min-width: 600px) and (max-width: 999px) {
.dropdown-menu.components-navbar-historymenu {
max-width: 500px;
}
}
@media screen and (min-width: 1000px) {
.dropdown-menu.components-navbar-historymenu {
max-width: 600px;
}
}