From e4633c293c786ab6defd8a09aeb5af064c1706cb Mon Sep 17 00:00:00 2001
From: Cyprien P <cyprien.pindat@gmail.com>
Date: Tue, 3 Aug 2021 18:01:12 +0200
Subject: [PATCH] (core) Hide filter bar for inactive widget in mobile mode

Summary:
The filter bar used to show in mobile mode while the widget was inactive as illustrated in this screen shot
{F31970}

This diff fixes it.
{F31971}

Test Plan: Manually tested.

Reviewers: dsagal

Reviewed By: dsagal

Subscribers: dsagal

Differential Revision: https://phab.getgrist.com/D2958
---
 app/client/components/ViewLayout.ts | 3 ++-
 app/client/ui/FilterBar.ts          | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/client/components/ViewLayout.ts b/app/client/components/ViewLayout.ts
index a15ede1f..b18ac14a 100644
--- a/app/client/components/ViewLayout.ts
+++ b/app/client/components/ViewLayout.ts
@@ -350,7 +350,8 @@ const cssViewLeafInactive = styled('div', `
     }
     & > .view_data_pane_container,
     & .viewsection_buttons,
-    & .grist-single-record__menu {
+    & .grist-single-record__menu,
+    & > .filter_bar {
       display: none;
     }
   }
diff --git a/app/client/ui/FilterBar.ts b/app/client/ui/FilterBar.ts
index fd919fd0..a459de2b 100644
--- a/app/client/ui/FilterBar.ts
+++ b/app/client/ui/FilterBar.ts
@@ -81,7 +81,7 @@ function makePlusButton(viewSectionRec: ViewSectionRec, popupControls: WeakMap<V
   });
 }
 
-const cssFilterBar = styled('div', `
+const cssFilterBar = styled('div.filter_bar', `
   display: flex;
   flex-direction: row;
   margin-bottom: 8px;