Skip to:
Content

BuddyPress.org

Changeset 10224


Ignore:
Timestamp:
10/09/2015 09:50:54 AM (5 years ago)
Author:
hnla
Message:

Update Twentythirteen style - Group send invites screen.

  • Reduce friends ul checkbox padding.
  • Re-factor left & main column widths, allow more room for left list wide screens.
  • Add refined columnar layout for medium breakpoints, allow invite list & selected friends to flow as single column stacking.

See #6533 Props @mercime

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

    r10216 r10224  
    4242            6.2.1.1 - Management settings screens
    4343            6.2.1.2 - Group members list
     44            6.2.1.3 - Group send Invites
    4445        6.2.2 - item-body: User Accounts
    4546            6.2.2.1 - classes, pag, filters
     
    11631164    .groups.group-members #subnav li #search-members-form label input[type="text"] {
    11641165        width: 100%;
     1166    }
     1167}
     1168
     1169/**
     1170*-----------------------------------------
     1171* @subsection 6.2.1.3 - Group send Invites
     1172*-----------------------------------------
     1173*/
     1174#buddypress div.invite .left-menu {
     1175    float: none;
     1176}
     1177
     1178@media screen and (min-width: 46.25em) {
     1179    #buddypress div.invite .left-menu {
     1180        float: right;
     1181    }
     1182}
     1183
     1184#buddypress div.invite #invite-list {
     1185    border: 1px solid #eaeaea;
     1186    height: auto;
     1187    min-height: 3.125em;
     1188    padding: 0 0.3em 0.5em;
     1189    width: auto;
     1190}
     1191
     1192@media screen and (min-width: 46.25em) {
     1193    #buddypress div.invite #invite-list {
     1194        width: 220px;
     1195    }
     1196}
     1197
     1198#buddypress div.invite #invite-list ul {
     1199    padding-right: 0;
     1200}
     1201
     1202#buddypress div.invite .main-column {
     1203    margin-right: 0;
     1204}
     1205
     1206@media screen and (min-width: 46.25em) {
     1207    #buddypress div.invite .main-column {
     1208        margin-right: 235px;
    11651209    }
    11661210}
  • trunk/src/bp-templates/bp-legacy/css/twentythirteen.css

    r10216 r10224  
    4242            6.2.1.1 - Management settings screens
    4343            6.2.1.2 - Group members list
     44            6.2.1.3 - Group send Invites
    4445        6.2.2 - item-body: User Accounts
    4546            6.2.2.1 - classes, pag, filters
     
    11631164    .groups.group-members #subnav li #search-members-form label input[type="text"] {
    11641165        width: 100%;
     1166    }
     1167}
     1168
     1169/**
     1170*-----------------------------------------
     1171* @subsection 6.2.1.3 - Group send Invites
     1172*-----------------------------------------
     1173*/
     1174#buddypress div.invite .left-menu {
     1175    float: none;
     1176}
     1177
     1178@media screen and (min-width: 46.25em) {
     1179    #buddypress div.invite .left-menu {
     1180        float: left;
     1181    }
     1182}
     1183
     1184#buddypress div.invite #invite-list {
     1185    border: 1px solid #eaeaea;
     1186    height: auto;
     1187    min-height: 3.125em;
     1188    padding: 0 0.3em 0.5em;
     1189    width: auto;
     1190}
     1191
     1192@media screen and (min-width: 46.25em) {
     1193    #buddypress div.invite #invite-list {
     1194        width: 220px;
     1195    }
     1196}
     1197
     1198#buddypress div.invite #invite-list ul {
     1199    padding-left: 0;
     1200}
     1201
     1202#buddypress div.invite .main-column {
     1203    margin-left: 0;
     1204}
     1205
     1206@media screen and (min-width: 46.25em) {
     1207    #buddypress div.invite .main-column {
     1208        margin-left: 235px;
    11651209    }
    11661210}
  • trunk/src/bp-templates/bp-legacy/css/twentythirteen.scss

    r10216 r10224  
    196196            6.2.1.1 - Management settings screens
    197197            6.2.1.2 - Group members list
     198            6.2.1.3 - Group send Invites
    198199        6.2.2 - item-body: User Accounts
    199200            6.2.2.1 - classes, pag, filters
     
    15231524
    15241525/**
     1526*-----------------------------------------
     1527* @subsection 6.2.1.3 - Group send Invites
     1528*-----------------------------------------
     1529*/
     1530#buddypress {
     1531
     1532    div.invite {
     1533        .left-menu {
     1534            float: none;
     1535            @media screen and (min-width: 46.25em) {
     1536                float: left;
     1537            }
     1538        }
     1539
     1540        #invite-list {
     1541            border: 1px solid $border-light;
     1542            height: auto;
     1543            min-height: 3.125em;
     1544            padding: 0 0.3em 0.5em;
     1545            width: auto;
     1546            @media screen and (min-width: 46.25em) {
     1547                width: 220px;
     1548            }
     1549
     1550            ul {
     1551                padding-left: 0;
     1552            }
     1553        }
     1554
     1555        .main-column {
     1556            margin-left: 0;
     1557            @media screen and (min-width: 46.25em) {
     1558                margin-left: 235px;
     1559            }
     1560        }
     1561
     1562    } // close div.invite
     1563}
     1564
     1565/**
    15251566*-----------------------------------------------------
    15261567* @subsection 6.2.2 - Item Body User Accounts
Note: See TracChangeset for help on using the changeset viewer.