Skip to:
Content

BuddyPress.org

Ticket #6468: send-invites-mobile2014-2015.patch

File send-invites-mobile2014-2015.patch, 2.8 KB (added by hnla, 9 years ago)
  • src/bp-templates/bp-legacy/css/twentyfifteen.scss

     
    183183                6.2.1 - item-body: Groups
    184184                        6.2.1.1 - Management settings screens
    185185                        6.2.1.2 - Group members list
     186                        6.2.1.3 - Group Send Invites
    186187                6.2.2 - item-body: User Accounts
    187188                        6.2.2.1 - classes, pag, filters
    188189                        6.2.2.2 - Extended Profiles
     
    12581259*----------------------------------------------------
    12591260*/
    12601261
     1262
    12611263/**
    12621264*-----------------------------------------
    12631265* @subsection 6.2.1.1 - Group Management
     
    14561458}
    14571459
    14581460/**
     1461*-----------------------------------------
     1462* @subsection 6.2.1.3 - Group Send Invites
     1463*-----------------------------------------
     1464*/
     1465
     1466.groups.group-invites {
     1467        #item-body {
     1468                .item-list {
     1469                        .action {
     1470                                margin-bottom: 0;
     1471                        }
     1472                }
     1473        }
     1474
     1475        @media screen and (min-width: 46.25em) {
     1476                #buddypress {
     1477                        #item-body {
     1478                                #message {
     1479                                        margin-top: 0;
     1480                                }
     1481                        }
     1482                }
     1483        }
     1484
     1485        @media screen and (min-width: 55em) {
     1486                #buddypress {
     1487                        #send-invite-form { margin-top: 0;}
     1488                }
     1489        }
     1490
     1491        #item-body {
     1492                @media screen and (max-width: 46.25em) {
     1493                        .left-menu {
     1494                                float: none;
     1495                                margin: $spacing-val-sm 0;
     1496
     1497                                #invite-list {
     1498                                        height: auto;
     1499                                        width: auto;
     1500                        }
     1501                }
     1502
     1503                        .main-column {
     1504                                margin-left: 0;
     1505                }
     1506
     1507                        .submit {
     1508                                input {
     1509                                        display: inline-block;
     1510                                        width: 100%;
     1511                        }
     1512                }
     1513        }
     1514 }
     1515
     1516}
     1517
     1518/**
    14591519*-----------------------------------------------------
    14601520* @subsection 6.2.2 - Item Body User Accounts
    14611521*
  • src/bp-templates/bp-legacy/css/twentyfourteen.scss

     
    88// We follow the dictats of the parent theme in respect of media queries,
    99// font sizing etc. Media queries are used in a modular sense (OOCSS)
    1010// rather than described as blocks to the end of the sheet, this aids ease
    11 // of managing media queries, scalability & flexibility .
     11// of managing media queries, scalability & flexibility.
    1212
    1313// Twentyfourteen Media Queries / Breakpoints
    1414//@media screen and (max-width: 400px)
     
    12951295                                border-top: 1px solid $nav-background-border;
    12961296                        }
    12971297
    1298                         #invite-list {width: 120px;}
    1299                         .main-column {margin-left: 160px;}
     1298                        @media screen and (max-width: 400px) {
     1299                                .left-menu {
     1300                                        float: none;
    13001301
     1302                                        #invite-list {
     1303                                                height: auto;
     1304                                                width: auto;
     1305                                        }
     1306                                }
     1307
     1308                                .main-column {
     1309                                        margin-left: 0;
     1310                                }
     1311                        }
     1312
    13011313                        li {
    13021314                                img.avatar {
    13031315                                        display: block;