Changeset 6101 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg/css/components/_wporg-header.scss

Timestamp:

11/09/2017 10:26:44 PM (7 years ago)

Author:

obenland

Message:

Main: Avoid current menu item stlyes

Maintains button visual, even if it's the current menu item.

See [6100].
See #2861.

File:

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

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

@@ -127 +127 @@
                     color: #eee;
                 }
-
-                &.current {
+            }
+
+            &.current,
+            &.current-menu-item {
+                a {
                     color: #eee;
                 }
+            }
+
+            .uparrow {
+                display: none;
             }
         }
@@ -158 +165 @@
     .download-button {
         background: #21759b linear-gradient(to bottom, #2a95c5, #21759b);
+        border-bottom-color: #1e6a8d;
         border-color: #21759b;
-        border-bottom-color: #1e6a8d;
         box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 );
 
@@ -252 +259 @@
 
         h2.rosetta {
+            float: left;
             padding: 36px 27px 0;
-            float: left;
         }
 
         #wporg-header-menu {
+            float:left;
+            list-style: none;
+            margin: -15px 0 0;
+            max-width: inherit;
+            min-width: 0;
+            padding: 0;
             position: static;
-            float:left;
-            margin: -15px 0 0;
-            padding: 0;
-            min-width: 0;
-            max-width: inherit;
             width: 100%;
-            list-style: none;
         }
 
@@ -272 +279 @@
 
             a {
+                color: #eee;
+                display: block;
                 font-family: "Open Sans", Helvetica, Arial, "Liberation Sans", sans-serif;
+                font-size: 13px;
                 font-weight: 600;
-                display: block;
+                height: 46px;
                 line-height: 34px;
+                margin: 0 4px;
                 padding: 0 6px;
-                margin: 0 4px;
-                font-size: 13px;
-                color: #eee;
-                height: 46px;
 
                 &.current ~ .uparrow {
-                    width: 0;
-                    height: 0;
+                    border-bottom: 9px solid #f7f7f7;
                     border-left: 9px solid transparent;
                     border-right: 9px solid transparent;
-                    border-bottom: 9px solid #f7f7f7;
+                    height: 0;
                     margin: -8px auto 0 auto;
-                }
-            }
-
-            &#download .uparrow {
-                display:none;
+                    width: 0;
+                }
             }
 
             &.current-menu-item:after,
             &.current_page_parent:after {
-                content: '';
-                position: absolute;
-                left: 50%;
-                width: 0;
-                height: 0;
+                border-bottom: 9px solid #f7f7f7;
                 border-left: 9px solid transparent;
                 border-right: 9px solid transparent;
-                border-bottom: 9px solid #f7f7f7;
+                content: '';
+                height: 0;
+                left: 50%;
                 margin: -8px 0 0 -9px;
+                position: absolute;
+                width: 0;
             }
 
             &:hover .nav-submenu ~ .uparrow,
             .nav-submenu:hover ~ .uparrow {
-                width: 0;
-                height: 0;
+                border-bottom: 9px solid #32373c;
                 border-left: 9px solid transparent;
                 border-right: 9px solid transparent;
-                border-bottom: 9px solid #32373c;
+                height: 0;
                 margin: -10px auto 0 auto;
+                width: 0;
             }
 
@@ -323 +326 @@
 
                 a {
-                    margin-left: 6px;
                     height: 34px;
                     line-height: 34px;
+                    margin-left: 6px;
                 }
             }
@@ -331 +334 @@
 
         .nav-submenu {
-            display:none!important;/* Prevents #wporg-header ul overwriting this */
+            background: #32373c;
+            border: #32373c solid 1px;
+            border-top: 0;
+            display: none !important;/* Prevents #wporg-header ul overwriting this */
+            margin-top: -1px;
             min-width: 0;
-            background: #32373c;
-            margin-top: -1px;
-            border: #32373c solid 1px;
-            border-top:0;
         }
 
         ul li:hover .nav-submenu,
         ul li .nav-submenu:hover {
-            display:block!important;/* Prevents #wporg-header ul overwriting this */
-            position:absolute;
-            top:46px;
+            display: block !important;/* Prevents #wporg-header ul overwriting this */
             left:0;
-            z-index:101;
             margin-left:0;
-            width:auto;
+            position: absolute;
+            top: 46px;
+            width: auto;
+            z-index: 101;
         }
 
@@ -413 +416 @@
         display: none;
     }
+
+    -webkit-font-smoothing: antialiased;
 }