diff --git a/src/components/MonitorListFilterDropdown.vue b/src/components/MonitorListFilterDropdown.vue index 79d664af8..9ef8481cd 100644 --- a/src/components/MonitorListFilterDropdown.vue +++ b/src/components/MonitorListFilterDropdown.vue @@ -46,6 +46,14 @@ export default { @import "../assets/vars.scss"; @import "../assets/app.scss"; +@media only screen and (max-width: 600px) { + header-filter > div > .dropdown:last-of-type > filter-dropdown-menu{ + left: auto; + right: 0; + max-width: 80vw; + } +} + .filter-dropdown-menu { z-index: 100; transition: all 0.2s; @@ -64,6 +72,7 @@ export default { opacity: 0; background: white; + &.open { height: unset; visibility: inherit; @@ -102,6 +111,9 @@ export default { } } + + + .filter-dropdown-status { @extend .btn-outline-normal; display: flex;