WordPress.org

Making WordPress.org

Changeset 6461


Ignore:
Timestamp:
01/29/2018 11:58:25 PM (20 months ago)
Author:
obenland
Message:

WP.org: Make subnav tab accessible

Props choongsavvii, rianrietveld.
Fixes #3091.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/style/wp4.css

    r6336 r6461  
    289289    left: -75%;
    290290    margin: 0;
    291     padding: 20px 0 0;
    292291    min-width: 200px;
    293292    max-width: 75%;
     
    295294    list-style: none;
    296295    text-align: left;
     296    top: 100%;
    297297    -webkit-transition: left 0.3s;
    298298    -moz-transition: left 0.3s;
     
    303303}
    304304
    305 #wporg-header ul#wporg-header-menu.active {
     305#wporg-header ul#wporg-header-menu.toggled {
    306306    left: 0;
    307307}
     
    336336
    337337#wporg-header .nav-submenu {
    338     display: none;
    339     position: static;
     338    clip: rect(1px, 1px, 1px, 1px);
     339    height: 1px;
     340    left: -2px;
     341    margin: 0;
     342    overflow: hidden;
    340343    padding: 0;
    341     margin-top: -15px;
    342     margin-bottom: 10px;
     344    position: absolute;
     345    width: 1px;
     346    z-index: 99999;
    343347}
    344348
    345349#wporg-header ul.nav-submenu li a {
    346     margin-left: 20px;
    347350    height: 24px;
    348351    line-height: 24px;
     352    margin: 0;
    349353}
    350354
     
    517521
    518522    #wporg-header ul li a {
    519         font-family: "Open Sans", Helvetica, Arial, "Liberation Sans", sans-serif;
    520         font-weight: 600;
    521         display: block;
    522         line-height: 34px;
    523523        padding: 0 6px;
    524         margin: 0 4px;
    525         font-size: 13px;
    526         color: #eee;
    527524        height: 46px;
    528525    }
     
    554551    }
    555552
    556     #wporg-header ul li:hover .nav-submenu ~ .uparrow, #wporg-header ul li .nav-submenu:hover ~ .uparrow {
     553    #wporg-header ul li:hover .nav-submenu ~ .uparrow,
     554    #wporg-header ul li .nav-submenu:hover ~ .uparrow {
    557555        width: 0;
    558556        height: 0;
     
    564562
    565563    #wporg-header .nav-submenu {
    566         display:none!important;/* Prevents #wporg-header ul overwriting this */
     564        background: #32373c;
     565        border: #32373c solid 1px;
     566        border-top: 0;
     567        margin-top: -1px;
    567568        min-width: 0;
    568         background: #32373c;
    569         margin-top: -1px;
    570         border: #32373c solid 1px;
    571         border-top:0;
    572     }
    573 
    574     #wporg-header ul li:hover .nav-submenu, #wporg-header ul li .nav-submenu:hover  {
     569    }
     570
     571    #wporg-header ul li:hover .nav-submenu,
     572    #wporg-header ul li .nav-submenu:hover  {
    575573        display:block!important;/* Prevents #wporg-header ul overwriting this */
    576574        position:absolute;
     
    583581
    584582    #wporg-header ul li .nav-submenu li {
    585         float:none;
     583        float: none;
    586584    }
    587585
    588586    #wporg-header ul.nav-submenu li a {
    589         margin-left: 6px;
    590587        height: 34px;
    591588        line-height: 34px;
     589    }
     590
     591    #wporg-header ul.nav-menu li:hover > ul,
     592    #wporg-header .nav-menu ul li:hover > ul,
     593    #wporg-header ul.nav-menu .focus > ul,
     594    #wporg-header .nav-menu .focus > ul {
     595        clip: inherit;
     596        height: inherit;
     597        overflow: inherit;
     598        width: inherit;
    592599    }
    593600
Note: See TracChangeset for help on using the changeset viewer.