Skip to:
Content

BuddyPress.org

Changeset 11974


Ignore:
Timestamp:
04/14/2018 02:08:43 PM (7 years ago)
Author:
hnla
Message:

Nouveau: Update group creation links to OL element

Commit changes list construct for create step links to use an ordered list rather than unordered in groups/create.php.

Adjusts styles to reflect use of either ul/ol in tabbed links rulesets.

Props mercime, hnla

Closes #7732

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

Legend:

Unmodified
Added
Removed

  • trunk/src/bp-templates/bp-nouveau/buddypress/groups/create.php

    r11973 r11974  
    1919
    2020            <nav class="<?php bp_nouveau_groups_create_steps_classes(); ?>" id="group-create-tabs" role="navigation" aria-label="<?php esc_attr_e( 'Group creation menu', 'buddypress' ); ?>">
    21                 <ul class="group-create-buttons button-tabs">
     21                <ol class="group-create-buttons button-tabs">
    2222
    2323                    <?php bp_group_creation_tabs(); ?>
    2424
    25                 </ul>
     25                </ol>
    2626            </nav>
    2727

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

    r11973 r11974  
    339339    .tabbed-links {
    340340
    341         ul {
     341        ul,
     342        ol {
    342343            border-bottom: 1px solid $bp-border-dark;
    343344            float: none;
    … …  
    359360                margin: 0 $marg-sml 0 0;
    360361
    361                 a {
     362                a,
     363                span {
    362364                    background: none;
    363365                    border: none;
    364366                    display: block;
    365367                    padding: 4px 10px;
     368                }
     369
     370                a:focus,
     371                a:hover {
     372                    background: none;
    366373                }
    367374            }
    … …  
    374381                border-width: 1px;
    375382                margin-bottom: -1px;
    376                 margin-top: 1px;
    377                 padding: 0 $pad-sml;
     383                padding: 0 $pad-sml 1px;
    378384
    379385                a {

  • trunk/src/bp-templates/bp-nouveau/common-styles/_bp_navigation.scss

    r11973 r11974  
    155155        &.bp-dir-hori-nav {
    156156
    157             nav {
     157            nav:not(".tabbed-links") {
    158158                border-bottom: 1px solid $bp-border-color;
    159159                border-top: 1px solid $bp-border-color;
    … …  
    361361            li:not(.current) {
    362362                color: $light-text;
     363
    363364                a {
    364365                    color: $light-text;

  • trunk/src/bp-templates/bp-nouveau/css/buddypress-rtl.css

    r11973 r11974  
    377377        text-decoration: none;
    378378    }
    379     .buddypress-wrap.bp-dir-hori-nav nav {
     379    .buddypress-wrap.bp-dir-hori-nav nav:not(".tabbed-links") {
    380380        border-bottom: 1px solid #eee;
    381381        border-top: 1px solid #eee;
    … …  
    553553
    554554@media screen and (min-width: 46.8em) {
    555     .buddypress-wrap .item-body .tabbed-links ul {
     555    .buddypress-wrap .item-body .tabbed-links ul,
     556    .buddypress-wrap .item-body .tabbed-links ol {
    556557        border-bottom: 1px solid #ccc;
    557558        float: none;
    558559        margin: 20px 0 10px;
    559560    }
    560     .buddypress-wrap .item-body .tabbed-links ul:before, .buddypress-wrap .item-body .tabbed-links ul:after {
     561    .buddypress-wrap .item-body .tabbed-links ul:before, .buddypress-wrap .item-body .tabbed-links ul:after,
     562    .buddypress-wrap .item-body .tabbed-links ol:before,
     563    .buddypress-wrap .item-body .tabbed-links ol:after {
    561564        content: " ";
    562565        display: block;
    563566    }
    564     .buddypress-wrap .item-body .tabbed-links ul:after {
     567    .buddypress-wrap .item-body .tabbed-links ul:after,
     568    .buddypress-wrap .item-body .tabbed-links ol:after {
    565569        clear: both;
    566570    }
    567     .buddypress-wrap .item-body .tabbed-links ul li {
     571    .buddypress-wrap .item-body .tabbed-links ul li,
     572    .buddypress-wrap .item-body .tabbed-links ol li {
    568573        float: right;
    569574        list-style: none;
    570575        margin: 0 0 0 10px;
    571576    }
    572     .buddypress-wrap .item-body .tabbed-links ul li a {
     577    .buddypress-wrap .item-body .tabbed-links ul li a,
     578    .buddypress-wrap .item-body .tabbed-links ul li span,
     579    .buddypress-wrap .item-body .tabbed-links ol li a,
     580    .buddypress-wrap .item-body .tabbed-links ol li span {
    573581        background: none;
    574582        border: none;
    … …  
    576584        padding: 4px 10px;
    577585    }
    578     .buddypress-wrap .item-body .tabbed-links ul li.current {
     586    .buddypress-wrap .item-body .tabbed-links ul li a:focus,
     587    .buddypress-wrap .item-body .tabbed-links ul li a:hover,
     588    .buddypress-wrap .item-body .tabbed-links ol li a:focus,
     589    .buddypress-wrap .item-body .tabbed-links ol li a:hover {
     590        background: none;
     591    }
     592    .buddypress-wrap .item-body .tabbed-links ul li.current,
     593    .buddypress-wrap .item-body .tabbed-links ol li.current {
    579594        border-color: #ccc #ccc #fff;
    580595        border-style: solid;
    … …  
    583598        border-width: 1px;
    584599        margin-bottom: -1px;
    585         margin-top: 1px;
    586         padding: 0 0.5em;
    587     }
    588     .buddypress-wrap .item-body .tabbed-links ul li.current a {
     600        padding: 0 0.5em 1px;
     601    }
     602    .buddypress-wrap .item-body .tabbed-links ul li.current a,
     603    .buddypress-wrap .item-body .tabbed-links ol li.current a {
    589604        color: #333;
    590605    }

  • trunk/src/bp-templates/bp-nouveau/css/buddypress.css

    r11973 r11974  
    377377        text-decoration: none;
    378378    }
    379     .buddypress-wrap.bp-dir-hori-nav nav {
     379    .buddypress-wrap.bp-dir-hori-nav nav:not(".tabbed-links") {
    380380        border-bottom: 1px solid #eee;
    381381        border-top: 1px solid #eee;
    … …  
    553553
    554554@media screen and (min-width: 46.8em) {
    555     .buddypress-wrap .item-body .tabbed-links ul {
     555    .buddypress-wrap .item-body .tabbed-links ul,
     556    .buddypress-wrap .item-body .tabbed-links ol {
    556557        border-bottom: 1px solid #ccc;
    557558        float: none;
    558559        margin: 20px 0 10px;
    559560    }
    560     .buddypress-wrap .item-body .tabbed-links ul:before, .buddypress-wrap .item-body .tabbed-links ul:after {
     561    .buddypress-wrap .item-body .tabbed-links ul:before, .buddypress-wrap .item-body .tabbed-links ul:after,
     562    .buddypress-wrap .item-body .tabbed-links ol:before,
     563    .buddypress-wrap .item-body .tabbed-links ol:after {
    561564        content: " ";
    562565        display: block;
    563566    }
    564     .buddypress-wrap .item-body .tabbed-links ul:after {
     567    .buddypress-wrap .item-body .tabbed-links ul:after,
     568    .buddypress-wrap .item-body .tabbed-links ol:after {
    565569        clear: both;
    566570    }
    567     .buddypress-wrap .item-body .tabbed-links ul li {
     571    .buddypress-wrap .item-body .tabbed-links ul li,
     572    .buddypress-wrap .item-body .tabbed-links ol li {
    568573        float: left;
    569574        list-style: none;
    570575        margin: 0 10px 0 0;
    571576    }
    572     .buddypress-wrap .item-body .tabbed-links ul li a {
     577    .buddypress-wrap .item-body .tabbed-links ul li a,
     578    .buddypress-wrap .item-body .tabbed-links ul li span,
     579    .buddypress-wrap .item-body .tabbed-links ol li a,
     580    .buddypress-wrap .item-body .tabbed-links ol li span {
    573581        background: none;
    574582        border: none;
    … …  
    576584        padding: 4px 10px;
    577585    }
    578     .buddypress-wrap .item-body .tabbed-links ul li.current {
     586    .buddypress-wrap .item-body .tabbed-links ul li a:focus,
     587    .buddypress-wrap .item-body .tabbed-links ul li a:hover,
     588    .buddypress-wrap .item-body .tabbed-links ol li a:focus,
     589    .buddypress-wrap .item-body .tabbed-links ol li a:hover {
     590        background: none;
     591    }
     592    .buddypress-wrap .item-body .tabbed-links ul li.current,
     593    .buddypress-wrap .item-body .tabbed-links ol li.current {
    579594        border-color: #ccc #ccc #fff;
    580595        border-style: solid;
    … …  
    583598        border-width: 1px;
    584599        margin-bottom: -1px;
    585         margin-top: 1px;
    586         padding: 0 0.5em;
    587     }
    588     .buddypress-wrap .item-body .tabbed-links ul li.current a {
     600        padding: 0 0.5em 1px;
     601    }
     602    .buddypress-wrap .item-body .tabbed-links ul li.current a,
     603    .buddypress-wrap .item-body .tabbed-links ol li.current a {
    589604        color: #333;
    590605    }
Note: See TracChangeset for help on using the changeset viewer.