Changeset 8883

Timestamp:

05/27/2019 05:53:23 PM (7 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;
         }