Skip to:
Content

BuddyPress.org

Changeset 10249


Ignore:
Timestamp:
10/11/2015 06:24:45 PM (4 years ago)
Author:
hnla
Message:

Twentythirteen companion styles updates

  • Various adjustments for elements margin/padding conflicts with parent styles.
  • Object nav small screen styles.

See #6533

Location:
trunk/src/bp-templates/bp-legacy/css
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/bp-templates/bp-legacy/css/twentythirteen-rtl.css

    r10224 r10249  
    9696*/
    9797#buddypress {
    98     /*__ Horizontal menus __*/
     98    /*__ Horizontal menus & small screen __*/
    9999}
    100100
     
    125125}
    126126
     127@media screen and (max-width: 38.75em) {
     128    #buddypress #object-nav ul li:focus,
     129    #buddypress #object-nav ul li:hover {
     130        background: #f4f2df;
     131    }
     132}
     133
     134@media screen and (max-width: 38.75em) {
     135    #buddypress #object-nav ul li:not(:last-child) {
     136        border-bottom: 1px solid #eaeaea;
     137    }
     138}
     139
    127140#buddypress #object-nav ul li:not(.selected) a {
    128141    opacity: 0.7;
     
    239252        border-bottom: 1px solid #ddd;
    240253        overflow: visible;
    241         padding-bottom: 0;
     254        padding: 0;
    242255    }
    243256    #main #buddypress #group-create-tabs.item-list-tabs ul li {
     
    13491362    border-bottom: 1px solid #eaeaea;
    13501363    margin-right: 0;
     1364    padding: 0;
    13511365}
    13521366
     
    14741488}
    14751489
     1490.bp-user #buddypress #message-threads tr .thread-checkbox {
     1491    padding: 0 0.3em 0 0;
     1492}
     1493
    14761494.bp-user #buddypress #message-threads tr td.bulk-select-check,
    14771495.bp-user #buddypress #message-threads tr td.thread-from {
    1478     height: 2.6em;
     1496    height: 3em;
    14791497}
    14801498
     
    15061524}
    15071525
     1526.bp-user #buddypress #message-threads tr td.thread-info .thread-excerpt {
     1527    font-size: 14px;
     1528    font-size: 0.875rem;
     1529}
     1530
    15081531.bp-user #buddypress #message-threads tr td.thread-options {
    15091532    text-align: left;
     
    15291552    .bp-user #buddypress #message-threads tr span.activity {
    15301553        clear: both;
    1531         font-size: 11px;
    1532         font-size: 0.6875rem;
     1554        font-size: 12px;
     1555        font-size: 0.75rem;
    15331556        width: 100%;
    15341557    }
     
    17401763        width: auto;
    17411764    }
    1742     #buddypress div.message-search {
    1743         margin-left: 10px;
    1744     }
    17451765}
    17461766
     
    17731793    border-color: #b7b7b7;
    17741794    color: #fff;
     1795}
     1796
     1797#buddypress table th,
     1798#buddypress table td {
     1799    padding: 0.3em;
    17751800}
    17761801
  • trunk/src/bp-templates/bp-legacy/css/twentythirteen.css

    r10224 r10249  
    9696*/
    9797#buddypress {
    98     /*__ Horizontal menus __*/
     98    /*__ Horizontal menus & small screen __*/
    9999}
    100100
     
    125125}
    126126
     127@media screen and (max-width: 38.75em) {
     128    #buddypress #object-nav ul li:focus,
     129    #buddypress #object-nav ul li:hover {
     130        background: #f4f2df;
     131    }
     132}
     133
     134@media screen and (max-width: 38.75em) {
     135    #buddypress #object-nav ul li:not(:last-child) {
     136        border-bottom: 1px solid #eaeaea;
     137    }
     138}
     139
    127140#buddypress #object-nav ul li:not(.selected) a {
    128141    opacity: 0.7;
     
    239252        border-bottom: 1px solid #ddd;
    240253        overflow: visible;
    241         padding-bottom: 0;
     254        padding: 0;
    242255    }
    243256    #main #buddypress #group-create-tabs.item-list-tabs ul li {
     
    13491362    border-bottom: 1px solid #eaeaea;
    13501363    margin-left: 0;
     1364    padding: 0;
    13511365}
    13521366
     
    14741488}
    14751489
     1490.bp-user #buddypress #message-threads tr .thread-checkbox {
     1491    padding: 0 0 0 0.3em;
     1492}
     1493
    14761494.bp-user #buddypress #message-threads tr td.bulk-select-check,
    14771495.bp-user #buddypress #message-threads tr td.thread-from {
    1478     height: 2.6em;
     1496    height: 3em;
    14791497}
    14801498
     
    15061524}
    15071525
     1526.bp-user #buddypress #message-threads tr td.thread-info .thread-excerpt {
     1527    font-size: 14px;
     1528    font-size: 0.875rem;
     1529}
     1530
    15081531.bp-user #buddypress #message-threads tr td.thread-options {
    15091532    text-align: right;
     
    15291552    .bp-user #buddypress #message-threads tr span.activity {
    15301553        clear: both;
    1531         font-size: 11px;
    1532         font-size: 0.6875rem;
     1554        font-size: 12px;
     1555        font-size: 0.75rem;
    15331556        width: 100%;
    15341557    }
     
    17401763        width: auto;
    17411764    }
    1742     #buddypress div.message-search {
    1743         margin-right: 10px;
    1744     }
    17451765}
    17461766
     
    17731793    border-color: #b7b7b7;
    17741794    color: #fff;
     1795}
     1796
     1797#buddypress table th,
     1798#buddypress table td {
     1799    padding: 0.3em;
    17751800}
    17761801
  • trunk/src/bp-templates/bp-legacy/css/twentythirteen.scss

    r10224 r10249  
    289289    }
    290290
    291     /*__ Horizontal menus __*/
     291    /*__ Horizontal menus & small screen __*/
    292292    #object-nav {
    293293
    294294        ul {
    295295            overflow: hidden;
    296             li {float: none;}
     296
     297            li {
     298                @media screen and (max-width: 38.75em) {
     299                    &:focus,
     300                    &:hover {
     301                        background: darken($cream-background, 2%);
     302                    }
     303                }
     304
     305                float: none;
     306            }
     307
     308            @media screen and (max-width: 38.75em) {
     309                li:not(:last-child) {
     310                    border-bottom: 1px solid $border-light;
     311                }
     312            }
     313
    297314            li:not(.selected) {
    298315                a {opacity: 0.7;}
     
    453470                    border-bottom: 1px solid $border-med;
    454471                    overflow: visible;
    455                     padding-bottom: 0;
     472                    padding: 0;
    456473
    457474                    li {
     
    16491666
    16501667            #profile-edit-form {
     1668
    16511669                .button-nav:before,
    16521670                .button-nav:after {
     
    16621680                    border-bottom: 1px solid $border-light;
    16631681                    margin-left: 0;
     1682                    padding: 0;
    16641683
    16651684                    li {
     
    18121831                }
    18131832
     1833                .thread-checkbox {
     1834                    padding: 0 0 0 0.3em;
     1835                }
     1836
    18141837                td.bulk-select-check,
    18151838                td.thread-from {
    1816                     height: 2.6em;
     1839                    height: 3em;
    18171840                    @media screen and (max-width: 38.75em) {
    18181841                        height: 5.2em;
     
    18351858                        @include font-size(12);
    18361859                    }
    1837                 }
     1860
     1861                    .thread-excerpt {
     1862                        @include font-size(14);
     1863                    }
     1864                }
     1865
     1866
    18381867
    18391868                td.thread-options {
     
    18561885                    @media screen and (max-width: 38.75em) {
    18571886                        clear: both;
    1858                         @include font-size(11);
     1887                        @include font-size(12);
    18591888                        width: 100%;
    18601889                    }
     
    21072136        }
    21082137
    2109         div.message-search {margin-right: $spacing-val-sm;}
    21102138    } // close @media
    21112139
     
    21342162// a more general typography section to manage BP elements grouped under
    21352163// breakpoints. Provide top/bottom margins for tables, lacking in BP styles
     2164
    21362165#buddypress {
     2166
    21372167    table {
    21382168        @include font-size(14);
     
    21432173            border-color: darken($border-light, 20%);
    21442174            color: $content-background;
     2175        }
     2176
     2177        // twentythirteen removes left padding, replace!
     2178        th,
     2179        td {
     2180            padding: 0.3em;
    21452181        }
    21462182
Note: See TracChangeset for help on using the changeset viewer.