Skip to:
Content

BuddyPress.org

Changeset 10309


Ignore:
Timestamp:
10/25/2015 12:18:39 PM (4 years ago)
Author:
hnla
Message:

Twentythirteen Companion styles updates.

  • Updates list elements for groups & member screens, improves item-desc & .update elements for small screens, centres blocks and titles.
  • Adjust bp search box for label input widths ,wider for small screens & correct input text width to 100% of it's parent label.

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

    r10295 r10309  
    419419
    420420#buddypress ul.item-list li .item .item-desc {
    421     margin-right: 0;
    422     width: 94%;
     421    margin: 0 auto;
     422    width: 100%;
    423423}
    424424
     
    427427    font-size: 1.125rem;
    428428    line-height: 1.2;
     429    margin: 0 auto;
     430    text-align: center;
     431    width: 100%;
     432}
     433
     434@media screen and (min-width: 38.75em) {
     435    #buddypress ul.item-list li .item .item-title {
     436        text-align: right;
     437    }
    429438}
    430439
     
    432441    font-size: 12px;
    433442    font-size: 0.75rem;
     443    display: block;
     444    padding: 10px 0;
     445    text-align: right;
    434446}
    435447
     
    448460    }
    449461    #buddypress ul.item-list li .item {
    450         right: 10%;
     462        right: 5%;
    451463        margin-right: 0;
    452464        position: relative;
     
    17231735#buddypress li.groups-members-search form label {
    17241736    float: right;
    1725     width: 80%;
     1737    width: 60%;
     1738}
     1739
     1740@media screen and (min-width: 46.25em) {
     1741    #buddypress div.dir-search form label,
     1742    #buddypress div.message-search form label,
     1743    #buddypress li.groups-members-search form label {
     1744        width: 80%;
     1745    }
    17261746}
    17271747
     
    17311751    float: right;
    17321752    margin: 0;
    1733     width: 80%;
     1753    width: 100%;
    17341754}
    17351755
     
    17611781    text-align: center;
    17621782    text-transform: none;
    1763     width: 20%;
     1783    width: 40%;
     1784}
     1785
     1786@media screen and (min-width: 46.25em) {
     1787    #buddypress div.dir-search form input[type='submit'],
     1788    #buddypress div.message-search form input[type='submit'],
     1789    #buddypress li.groups-members-search form input[type='submit'] {
     1790        width: 20%;
     1791    }
    17641792}
    17651793
  • trunk/src/bp-templates/bp-legacy/css/twentythirteen.css

    r10295 r10309  
    419419
    420420#buddypress ul.item-list li .item .item-desc {
    421     margin-left: 0;
    422     width: 94%;
     421    margin: 0 auto;
     422    width: 100%;
    423423}
    424424
     
    427427    font-size: 1.125rem;
    428428    line-height: 1.2;
     429    margin: 0 auto;
     430    text-align: center;
     431    width: 100%;
     432}
     433
     434@media screen and (min-width: 38.75em) {
     435    #buddypress ul.item-list li .item .item-title {
     436        text-align: left;
     437    }
    429438}
    430439
     
    432441    font-size: 12px;
    433442    font-size: 0.75rem;
     443    display: block;
     444    padding: 10px 0;
     445    text-align: left;
    434446}
    435447
     
    448460    }
    449461    #buddypress ul.item-list li .item {
    450         left: 10%;
     462        left: 5%;
    451463        margin-left: 0;
    452464        position: relative;
     
    17231735#buddypress li.groups-members-search form label {
    17241736    float: left;
    1725     width: 80%;
     1737    width: 60%;
     1738}
     1739
     1740@media screen and (min-width: 46.25em) {
     1741    #buddypress div.dir-search form label,
     1742    #buddypress div.message-search form label,
     1743    #buddypress li.groups-members-search form label {
     1744        width: 80%;
     1745    }
    17261746}
    17271747
     
    17311751    float: left;
    17321752    margin: 0;
    1733     width: 80%;
     1753    width: 100%;
    17341754}
    17351755
     
    17611781    text-align: center;
    17621782    text-transform: none;
    1763     width: 20%;
     1783    width: 40%;
     1784}
     1785
     1786@media screen and (min-width: 46.25em) {
     1787    #buddypress div.dir-search form input[type='submit'],
     1788    #buddypress div.message-search form input[type='submit'],
     1789    #buddypress li.groups-members-search form input[type='submit'] {
     1790        width: 20%;
     1791    }
    17641792}
    17651793
  • trunk/src/bp-templates/bp-legacy/css/twentythirteen.scss

    r10295 r10309  
    666666
    667667                .item-desc {
    668                     margin-left: 0;
    669                     width: 94%;
     668                    margin: 0 auto;
     669                    width: 100%;
    670670                }
    671671
     
    673673                    @include font-size(18);
    674674                    line-height: 1.2;
     675                    margin: 0 auto;
     676                    text-align: center;
     677
     678                    @media screen and (min-width: 38.75em) {
     679                        text-align: left;
     680                    }
     681                    width: 100%;
    675682
    676683                    .update {
    677684                        @include font-size(12);
     685                        display: block;
    678686
    679687                        @media screen and (min-width: 59.6875em) {
    680688                            @include font-size(14);
    681689                        }
    682                     }
    683                 }
     690                        padding: $spacing-val-sm 0;
     691                        text-align: left;
     692                    }
     693
     694                } // .item-title
    684695
    685696            }
     
    693704
    694705                .item {
    695                     left: 10%;
     706                    left: 5%;
    696707                    margin-left: 0;
    697708                    position: relative;
     
    21432154            label {
    21442155                float: left;
    2145                 width: 80%;
     2156                width: 60%;
     2157                @media screen and (min-width: 46.25em) {
     2158                    width: 80%;
     2159                }
    21462160            }
    21472161
     
    21492163                float: left;
    21502164                margin: 0;
    2151                 width: 80%;
     2165                width: 100%;
    21522166            }
    21532167
     
    21702184                text-align: center;
    21712185                text-transform: none;
    2172                 width: 20%;
     2186                width: 40%;
     2187
     2188                @media screen and (min-width: 46.25em) {
     2189                    width: 20%;
     2190                }
     2191
    21732192            }
    21742193        } // close form
Note: See TracChangeset for help on using the changeset viewer.