Skip to:
Content

Changeset 10310


Ignore:
Timestamp:
10/25/15 15:14:19 (2 years ago)
Author:
hnla
Message:

Twentysixteen Companion Styles Updates

  • Update item-lists; member .update & group desc blocks for small screen.
  • Update BP search boxes for label/input widths to balance with submit width.


See #6648

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

Legend:

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

    r10295 r10310  
    443443    display: inline-block; 
    444444    float: none; 
    445 } 
    446  
    447 @media screen and (min-width: 38.75em) { 
     445    margin-bottom: 10px; 
     446} 
     447 
     448@media screen and (min-width: 44.375em) { 
    448449    #buddypress ul.item-list li .item-avatar img.avatar { 
    449450        display: block; 
     
    475476    font-size: 1.125rem; 
    476477    line-height: 1.2; 
     478    text-align: center; 
     479    width: 100%; 
     480} 
     481 
     482@media screen and (min-width: 44.375em) { 
     483    #buddypress ul.item-list li .item .item-title { 
     484        text-align: right; 
     485    } 
    477486} 
    478487 
    479488#buddypress ul.item-list li .item .item-title .update { 
     489    display: block; 
    480490    font-size: 12px; 
    481491    font-size: 0.75rem; 
     492    padding: 10px 0; 
     493    text-align: right; 
    482494} 
    483495 
     
    496508    } 
    497509    #buddypress ul.item-list li .item { 
    498         right: 10%; 
     510        right: 5%; 
    499511        margin-right: 0; 
    500512        position: relative; 
     
    16451657    float: right; 
    16461658    margin: 0; 
    1647     width: 70%; 
     1659    width: 100%; 
    16481660} 
    16491661 
  • trunk/src/bp-templates/bp-legacy/css/twentysixteen.css

    r10295 r10310  
    443443    display: inline-block; 
    444444    float: none; 
    445 } 
    446  
    447 @media screen and (min-width: 38.75em) { 
     445    margin-bottom: 10px; 
     446} 
     447 
     448@media screen and (min-width: 44.375em) { 
    448449    #buddypress ul.item-list li .item-avatar img.avatar { 
    449450        display: block; 
     
    475476    font-size: 1.125rem; 
    476477    line-height: 1.2; 
     478    text-align: center; 
     479    width: 100%; 
     480} 
     481 
     482@media screen and (min-width: 44.375em) { 
     483    #buddypress ul.item-list li .item .item-title { 
     484        text-align: left; 
     485    } 
    477486} 
    478487 
    479488#buddypress ul.item-list li .item .item-title .update { 
     489    display: block; 
    480490    font-size: 12px; 
    481491    font-size: 0.75rem; 
     492    padding: 10px 0; 
     493    text-align: left; 
    482494} 
    483495 
     
    496508    } 
    497509    #buddypress ul.item-list li .item { 
    498         left: 10%; 
     510        left: 5%; 
    499511        margin-left: 0; 
    500512        position: relative; 
     
    16451657    float: left; 
    16461658    margin: 0; 
    1647     width: 70%; 
     1659    width: 100%; 
    16481660} 
    16491661 
  • trunk/src/bp-templates/bp-legacy/css/twentysixteen.scss

    r10295 r10310  
    737737                    display: inline-block; 
    738738                    float: none; 
     739                    margin-bottom: $spacing-val-sm; 
    739740 
    740741                    // Quite early on we need to move avatars to the left(right) 
    741                     @media screen and (min-width: 38.75em) { 
     742                    @include small-up { 
    742743                        display: block; 
    743744                        float: left; 
     
    764765                    @include font-size(18); 
    765766                    line-height: 1.2; 
     767                    text-align: center; 
     768 
     769                    @include small-up { 
     770                        text-align: left; 
     771                    } 
     772 
     773                    width: 100%; 
    766774 
    767775                    .update { 
     776                        display: block; 
    768777                        @include font-size(12); 
    769778 
     
    771780                            @include font-size(14); 
    772781                        } 
     782 
     783                        padding: $spacing-val-sm 0; 
     784                        text-align: left; 
    773785                    } 
    774786                } 
     
    784796 
    785797                .item { 
    786                     left: 10%; 
     798                    left: 5%; 
    787799                    margin-left: 0; 
    788800                    position: relative; 
     
    21082120                float: left; 
    21092121                margin: 0; 
    2110                 width: 70%; 
     2122                width: 100%; 
    21112123            } 
    21122124 
Note: See TracChangeset for help on using the changeset viewer.