From d8d91c17ae98eeeafa834cd291bcfe2e2e7732e1 Mon Sep 17 00:00:00 2001 From: PaG0Dezaum Date: Thu, 15 Aug 2024 09:26:01 -0300 Subject: [PATCH 1/2] Coloquei botao de aplicar filtros para mobile --- .../components/search-filter/template.php | 7 ++++--- .../assets-src/sass/2.components/_button.scss | 19 +++++++++++++++++++ 2 files changed, 23 insertions(+), 3 deletions(-) diff --git a/src/modules/Search/components/search-filter/template.php b/src/modules/Search/components/search-filter/template.php index 7b634d4857..9b78247d26 100644 --- a/src/modules/Search/components/search-filter/template.php +++ b/src/modules/Search/components/search-filter/template.php @@ -25,9 +25,10 @@
-
- - +
+ + +
diff --git a/src/themes/BaseV2/assets-src/sass/2.components/_button.scss b/src/themes/BaseV2/assets-src/sass/2.components/_button.scss index c99092804a..05d86b7185 100644 --- a/src/themes/BaseV2/assets-src/sass/2.components/_button.scss +++ b/src/themes/BaseV2/assets-src/sass/2.components/_button.scss @@ -347,4 +347,23 @@ color: var(--mc-warning-500); } } + @media (max-width: 900px){ + &--filter--bottom{ + top: -35px; + position: relative; + .button--primary.button--large{ + position: relative; + top: 30px; + } + } + } + @media (min-width: 901px){ + &--filter--bottom{ + top: 0px; + position: relative; + .button--primary.button--large{ + display: none; + } + } + } } From 8617e0df5cbf0317cda8a2c421dc9340cf0b5f1f Mon Sep 17 00:00:00 2001 From: PaG0Dezaum Date: Thu, 15 Aug 2024 10:26:07 -0300 Subject: [PATCH 2/2] corrigi bug em que filtragem sumia ao mudar tamanho da tela --- .../BaseV2/assets-src/sass/2.components/_search-filter.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/src/themes/BaseV2/assets-src/sass/2.components/_search-filter.scss b/src/themes/BaseV2/assets-src/sass/2.components/_search-filter.scss index 985b96edba..58e3a966c8 100644 --- a/src/themes/BaseV2/assets-src/sass/2.components/_search-filter.scss +++ b/src/themes/BaseV2/assets-src/sass/2.components/_search-filter.scss @@ -155,6 +155,12 @@ display: block; } } + @media (min-width: 901px) { + &__filter { + display: block; + } + + } // in list .list {