Skip to:
Content

BuddyPress.org

Changeset 10309


Ignore:
Timestamp:
10/25/2015 12:18:39 PM (11 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.