Skip to:
Content

Changeset 10310


Ignore:
Timestamp:
10/25/2015 03:14:19 PM (3 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.