From 98f1a34862261f712c9c07aea4f61b1480ac072e Mon Sep 17 00:00:00 2001
From: mateuswetah <mateus.m.luna@gmail.com>
Date: Tue, 29 Sep 2020 16:53:52 -0300
Subject: [PATCH] Highlights filterButton when filters is active and displays
 #wp-auth-check-wrap above the admin class.

---
 src/views/admin/scss/tainacan-admin.scss          | 5 ++++-
 src/views/theme-search/pages/theme-items-page.vue | 7 +++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/views/admin/scss/tainacan-admin.scss b/src/views/admin/scss/tainacan-admin.scss
index a006766e8..50c3d243d 100644
--- a/src/views/admin/scss/tainacan-admin.scss
+++ b/src/views/admin/scss/tainacan-admin.scss
@@ -36,9 +36,12 @@
 html {
     overflow-y: hidden;
 }
-body.tainacan-admin-page #adminmenumain, body.tainacan-admin-page #wpfooter, body.tainacan-admin-page #wp-auth-check-wrap {
+body.tainacan-admin-page #adminmenumain, body.tainacan-admin-page #wpfooter {
     display: none;
 }
+body.tainacan-admin-page #wp-auth-check-wrap {
+    z-index: 9999999;
+}
 #tainacan-admin-app {
     background: var(--tainacan-background-color);
     position: fixed;
diff --git a/src/views/theme-search/pages/theme-items-page.vue b/src/views/theme-search/pages/theme-items-page.vue
index 02abe8300..1a7856f4e 100644
--- a/src/views/theme-search/pages/theme-items-page.vue
+++ b/src/views/theme-search/pages/theme-items-page.vue
@@ -133,7 +133,7 @@
             <!-- Another option of the Button for hiding filters -->
             <div 
                     v-if="showFiltersButtonInsideSearchControl && !hideHideFiltersButton && !hideFilters && !openAdvancedSearch"
-                    class="search-control-item"
+                    :class="'search-control-item' + (isFiltersModalActive ? ' is-filters-modal-active' : '')"
                     id="tainacanFiltersButton">
                 <button 
                         class="button is-white"
@@ -1432,8 +1432,11 @@
                     white-space: nowrap; 
                 } 
             }
-        }
 
+            &#tainacanFiltersButton.is-filters-modal-active .gray-icon i::before {
+                color: var(--tainacan-secondary) !important;
+            }
+        }
     }
 
     .above-search-control {