Changeset 8883

Timestamp:

05/27/2019 05:53:23 PM (5 years ago)

Author:

johnjamesjacoby

Message:

BuddyPress/bbPress: include mobile responsive support for Trac.

Props imath. See #4472.

File:

• sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/style.css (modified) (12 diffs)

sites/trunk/buddypress.org/public_html/wp-content/themes/bb-base/style.css

@@ -46 +46 @@
     color: #222;
 }
-#header {
+#header,
+#wporg-header {
     border-bottom: 1px solid #252;
     position: fixed;
@@ -67 +68 @@
     padding: 0;
 }
-#header h1 {
+#header h1,
+#wporg-header h1 {
     text-indent: -9999px;
 }
-#header h1 a {
+#header h1 a,
+#wporg-header h1 a {
     margin-top: 8px;
     width: 220px;
@@ -333 +336 @@
 -------------------------------------------------------------- */
 
-#bb-menu-icon {
+#bb-menu-icon,
+#mobile-menu-button {
     display: none;
 }
 
-#bb-menu-icon:before {
+#bb-menu-icon:before,
+#mobile-menu-button:before {
     font: normal 16px/1 'dashicons';
     color: #000;
@@ -343 +348 @@
 }
 
-#nav {
+#nav,
+#wporg-header-menu {
     float: right;
     margin: 30px 0 0 0;
     line-height: 20px;
 }
-#nav li {
+#nav li,
+#wporg-header #wporg-header-menu li {
     display: inline;
     float: left;
@@ -355 +362 @@
 }
 #nav li a,
-#header #nav li :link,
-#header #nav li :visited {
+#wporg-header #wporg-header-menu li :link,
+#wporg-header #wporg-header-menu li :visited {
     text-decoration: none;
     color: #fff;
@@ -370 +377 @@
     border: 1px solid transparent;
 }
-#nav li a:hover {
+#nav li a:hover,
+#wporg-header-menu li :link:hover {
     color: #ddeedd;
 }
@@ -377 +385 @@
 }
 
-#subnav {
+#subnav,
+body.buddypress.trac #subnav {
     background: #eee;
     border-bottom: #ddd solid 1px;
@@ -1653 +1662 @@
         margin: 10px 0;
     }
-    #bb-menu-icon {
+    #bb-menu-icon,
+    #mobile-menu-button {
         display: block;
         position: absolute;
@@ -1660 +1670 @@
         text-decoration: none;
     }
-    #header #nav {
+    #header #nav,
+    #wporg-header #wporg-header-menu {
         margin: 0;
         float: right;
         overflow: visible;
     }
-    #header #bb-nav {
+    #header #bb-nav,
+    #wporg-header #wporg-header-menu {
         position: absolute;
         width: 100%;
@@ -1672 +1684 @@
         border-bottom: 1px solid #aaa;
     }
-    #header #bb-nav li {
+    #header #bb-nav li,
+    #wporg-header #wporg-header-menu li {
         width: 100%;
         text-align: center;
@@ -1678 +1691 @@
         padding: 0;
     }
-    #header #nav #bb-nav li a {
+    #header #nav #bb-nav li a,
+    #wporg-header #wporg-header-menu li :link,
+    #wporg-header #wporg-header-menu li :visited {
         display: block;
         margin: 0;
@@ -1692 +1707 @@
     #header #bb-nav,
     #bbpress-forums .bbp-pagination-count,
-    .bbp-topic-meta {
+    .bbp-topic-meta,
+    #wporg-header #wporg-header-menu {
         display: none;
     }
     #header #nav:hover #bb-nav,
-    #header #nav:focus #bb-nav {
+    #header #nav:focus #bb-nav,
+    #wporg-header #wporg-header-menu.toggled {
         background-color: #eee;
         display: block !important;
     }
+    #wporg-header #wporg-header-menu.toggled {
+        background: #eee;
+    }
     #header #nav:hover #bb-menu-icon:before,
-    #header #nav:focus #bb-menu-icon:before {
+    #header #nav:focus #bb-menu-icon:before,
+    #wporg-header #mobile-menu-button[aria-expanded="true"]:before {
         color: #fff;
     }