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 (9 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;
 }