Skip to:
Content

BuddyPress.org

Changeset 11974


Ignore:
Timestamp:
04/14/2018 02:08:43 PM (8 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.