Skip to:
Content

Changeset 12061


Ignore:
Timestamp:
05/05/2018 09:14:06 AM (7 weeks ago)
Author:
hnla
Message:

Nouveau: Adjust tabbed link styles

Commit addresses horizontal links when dropping to new line not able to float fully to the extreme edge past the current tabbed link due to neg margin.

Commit also addresses vert navs losing rulesets specificity on non floated lists due to recent grouped selector changes by adding in additional class.

Props boonebgorges hnla

Fixes #7784

Location:
trunk/src/bp-templates/bp-nouveau
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-templates/bp-nouveau/common-styles/_bp-mixins.scss

    r12050 r12061  
    374374            }
    375375
     376            li:not(.current) {
     377                margin-bottom: 2px;
     378            }
     379
    376380            li.current {
    377381                border-color: $bp-border-dark $bp-border-dark #fff;
  • trunk/src/bp-templates/bp-nouveau/common-styles/_bp_layouts.scss

    r11811 r12061  
    457457    .bp-single-vert-nav { // described for the #buddypress element
    458458
    459         .vertical {
     459        .bp-navs.vertical {
    460460            overflow: visible;
    461461
     
    469469            li {
    470470                float: none;
     471                margin-right: 0;
    471472
    472473                &.selected a {
    473474                    background: $grey;
    474475                    color: $black;
     476                    padding-left: 0;
    475477                }
    476478
  • trunk/src/bp-templates/bp-nouveau/css/buddypress-rtl.css

    r12050 r12061  
    589589    .buddypress-wrap .tabbed-links ol li a:hover {
    590590        background: none;
     591    }
     592    .buddypress-wrap .tabbed-links ul li:not(.current),
     593    .buddypress-wrap .tabbed-links ol li:not(.current) {
     594        margin-bottom: 2px;
    591595    }
    592596    .buddypress-wrap .tabbed-links ul li.current,
     
    50835087
    50845088@media screen and (min-width: 46.8em) {
    5085     .bp-single-vert-nav .vertical {
     5089    .bp-single-vert-nav .bp-navs.vertical {
    50865090        overflow: visible;
    50875091    }
    5088     .bp-single-vert-nav .vertical ul {
     5092    .bp-single-vert-nav .bp-navs.vertical ul {
    50895093        border-left: 1px solid #d6d6d6;
    50905094        float: right;
     
    50925096        width: 25%;
    50935097    }
    5094     .bp-single-vert-nav .vertical li {
     5098    .bp-single-vert-nav .bp-navs.vertical li {
    50955099        float: none;
    5096     }
    5097     .bp-single-vert-nav .vertical li.selected a {
     5100        margin-left: 0;
     5101    }
     5102    .bp-single-vert-nav .bp-navs.vertical li.selected a {
    50985103        background: #ccc;
    50995104        color: #333;
    5100     }
    5101     .bp-single-vert-nav .vertical li:focus, .bp-single-vert-nav .vertical li:hover {
     5105        padding-right: 0;
     5106    }
     5107    .bp-single-vert-nav .bp-navs.vertical li:focus, .bp-single-vert-nav .bp-navs.vertical li:hover {
    51025108        background: #ccc;
    51035109    }
    5104     .bp-single-vert-nav .vertical li span {
     5110    .bp-single-vert-nav .bp-navs.vertical li span {
    51055111        background: #d6d6d6;
    51065112        border-radius: 10%;
     
    51085114        margin-left: 2px;
    51095115    }
    5110     .bp-single-vert-nav .vertical li:hover span {
     5116    .bp-single-vert-nav .bp-navs.vertical li:hover span {
    51115117        border-color: #eaeaea;
    51125118    }
  • trunk/src/bp-templates/bp-nouveau/css/buddypress.css

    r12050 r12061  
    589589    .buddypress-wrap .tabbed-links ol li a:hover {
    590590        background: none;
     591    }
     592    .buddypress-wrap .tabbed-links ul li:not(.current),
     593    .buddypress-wrap .tabbed-links ol li:not(.current) {
     594        margin-bottom: 2px;
    591595    }
    592596    .buddypress-wrap .tabbed-links ul li.current,
     
    50835087
    50845088@media screen and (min-width: 46.8em) {
    5085     .bp-single-vert-nav .vertical {
     5089    .bp-single-vert-nav .bp-navs.vertical {
    50865090        overflow: visible;
    50875091    }
    5088     .bp-single-vert-nav .vertical ul {
     5092    .bp-single-vert-nav .bp-navs.vertical ul {
    50895093        border-right: 1px solid #d6d6d6;
    50905094        float: left;
     
    50925096        width: 25%;
    50935097    }
    5094     .bp-single-vert-nav .vertical li {
     5098    .bp-single-vert-nav .bp-navs.vertical li {
    50955099        float: none;
    5096     }
    5097     .bp-single-vert-nav .vertical li.selected a {
     5100        margin-right: 0;
     5101    }
     5102    .bp-single-vert-nav .bp-navs.vertical li.selected a {
    50985103        background: #ccc;
    50995104        color: #333;
    5100     }
    5101     .bp-single-vert-nav .vertical li:focus, .bp-single-vert-nav .vertical li:hover {
     5105        padding-left: 0;
     5106    }
     5107    .bp-single-vert-nav .bp-navs.vertical li:focus, .bp-single-vert-nav .bp-navs.vertical li:hover {
    51025108        background: #ccc;
    51035109    }
    5104     .bp-single-vert-nav .vertical li span {
     5110    .bp-single-vert-nav .bp-navs.vertical li span {
    51055111        background: #d6d6d6;
    51065112        border-radius: 10%;
     
    51085114        margin-right: 2px;
    51095115    }
    5110     .bp-single-vert-nav .vertical li:hover span {
     5116    .bp-single-vert-nav .bp-navs.vertical li:hover span {
    51115117        border-color: #eaeaea;
    51125118    }
Note: See TracChangeset for help on using the changeset viewer.