diff --git a/src/views/admin/pages/lists/items-page.vue b/src/views/admin/pages/lists/items-page.vue index be030cfd6..88ff2d4f4 100644 --- a/src/views/admin/pages/lists/items-page.vue +++ b/src/views/admin/pages/lists/items-page.vue @@ -1206,7 +1206,7 @@ if (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) { const isMobile = (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) <= 768; - if (isMobile) { + if (isMobile || this.openAdvancedSearch) { this.isFiltersModalActive = false; } else { this.isFiltersModalActive = true; diff --git a/src/views/admin/scss/_view-mode-cards.scss b/src/views/admin/scss/_view-mode-cards.scss index fad866bbc..ed4b0c526 100644 --- a/src/views/admin/scss/_view-mode-cards.scss +++ b/src/views/admin/scss/_view-mode-cards.scss @@ -150,6 +150,7 @@ width: 100%; display: flex; margin: 0 !important; + background-color: var(--tainacan-item-background-color); .list-metadata { padding: 0.75em 1.375em; diff --git a/src/views/theme-search/pages/theme-items-page.vue b/src/views/theme-search/pages/theme-items-page.vue index 3c493506f..a810a01c5 100644 --- a/src/views/theme-search/pages/theme-items-page.vue +++ b/src/views/theme-search/pages/theme-items-page.vue @@ -1082,7 +1082,7 @@ if (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) { this.isMobile = (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) <= 768; - if (this.isMobile || this.startWithFiltersHidden) + if (this.isMobile || this.startWithFiltersHidden || this.openAdvancedSearch) this.isFiltersModalActive = false; else this.isFiltersModalActive = true; diff --git a/src/views/theme-search/scss/_layout.scss b/src/views/theme-search/scss/_layout.scss index 21ea65155..1311c9712 100644 --- a/src/views/theme-search/scss/_layout.scss +++ b/src/views/theme-search/scss/_layout.scss @@ -103,7 +103,7 @@ &.is-filters-menu-open { .items-list-area { - width: calc(100% - var(--tainacan-filter-menu-width-theme)); + max-width: calc(100% - var(--tainacan-filter-menu-width-theme)); } .filters-menu { padding-top: 12px;