Changeset 11954 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss

Timestamp:

07/10/2022 10:52:53 PM (2 years ago)

Author:

dufresnesteven

Message:

Themes: Make sure the feature toggle is visible on mobile.

Props matveb.

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-themes/css/components/_main.scss

@@ -1304 +1304 @@
 }
 
+.wp-filter .drawer-toggle .drawer-text {
+    display: inline-block;
+}
+
 .filter-drawer {
     display: none;
@@ -1711 +1715 @@
     }
 
-    /* Hide Feature Filter on mobile. */
-    .wp-filter .drawer-toggle {
-        display: none;
-    }
-
     /* Full width search form. */
     .wp-filter .search-form,
@@ -1765 +1764 @@
     }
 }
+
+@media only screen and (max-width: 375px) {
+    .wp-filter .drawer-toggle {
+        float: right;
+        margin-top: 12px;
+        margin-right: 0;
+    }
+
+    .wp-filter .drawer-toggle:before {
+        margin-right: 0;
+    }
+}
+
+@media only screen and (max-width: 350px) {
+    .wp-filter .drawer-toggle .drawer-text {
+        display: none;
+    }
+}