Query Filter: Don't display by default in mobile viewports (#571)

The Query Filter block should be hidden by default for mobile viewports, to avoid a white flash during load.
WordPress · Feb 9, 2024 · a14fdd0 · a14fdd0
1 parent 0997624
commit a14fdd0
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/mu-plugins/blocks/query-filter/src/style.pcss b/mu-plugins/blocks/query-filter/src/style.pcss
@@ -245,10 +245,12 @@
 	}
 
 	.wporg-query-filter__modal-backdrop {
+		display: none;
 		background-color: rgba(0, 0, 0, 0.15);
 	}
 
 	.wporg-query-filter__modal {
+		display: none;
 		position: fixed;
 		top: 20vh;
 		bottom: 20vh;
@@ -300,6 +302,10 @@
 
 
 	.is-modal-open {
+		& .wporg-query-filter__modal {
+			display: block;
+		}
+
 		& .wporg-query-filter__modal-backdrop {
 			display: block;
 		}