diff --git a/frontend/assets/scss/abstract/mixins/_media-queries.scss b/frontend/assets/scss/abstract/mixins/_media-queries.scss index 2e07afb97a..595ecbbc79 100644 --- a/frontend/assets/scss/abstract/mixins/_media-queries.scss +++ b/frontend/assets/scss/abstract/mixins/_media-queries.scss @@ -43,7 +43,7 @@ /// @example scss - Creates a single breakpoint with the label `phone` /// $breakpoints: ('phone': 320px); /// -$breakpoints: ( 'phone': 320px, 'tablet': 768px, 'desktop': 1024px, 'desktopLarge': 1450px, 'xxl': 1900px, ) !default; +$breakpoints: ( 'phone': 320px, 'tablet': 768px, 'desktop': 1100px, 'desktopLarge': 1450px, 'xxl': 1900px, ) !default; /// /// Creates a list of static expressions or media types /// diff --git a/frontend/components/commons/header/filters/FilterDropdown.vue b/frontend/components/commons/header/filters/FilterDropdown.vue index 79234940ad..956b59e6cb 100644 --- a/frontend/components/commons/header/filters/FilterDropdown.vue +++ b/frontend/components/commons/header/filters/FilterDropdown.vue @@ -124,7 +124,7 @@ export default { } &__content { position: absolute; - top: 50px; + top: calc(100% + 10px); left: 0; margin-top: 0; box-shadow: $shadow; diff --git a/frontend/components/commons/header/filters/FiltersList.vue b/frontend/components/commons/header/filters/FiltersList.vue index 4cd5105c0f..87b41ca4a9 100644 --- a/frontend/components/commons/header/filters/FiltersList.vue +++ b/frontend/components/commons/header/filters/FiltersList.vue @@ -301,7 +301,7 @@ $number-size: 18px; padding: 20px 20px 10px 4em; border-radius: $border-radius; max-height: 550px; - z-index: 1; + z-index: 2; @include media(">desktop") { left: 0; right: 0; diff --git a/frontend/components/commons/header/global-actions/ValidateDiscardAction.vue b/frontend/components/commons/header/global-actions/ValidateDiscardAction.vue index d427f3481b..1bb10b6a0d 100644 --- a/frontend/components/commons/header/global-actions/ValidateDiscardAction.vue +++ b/frontend/components/commons/header/global-actions/ValidateDiscardAction.vue @@ -133,7 +133,6 @@ export default { box-shadow: $shadow; border-radius: $border-radius; border: none; - top: 45px; } } &__button {