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

src/bp-templates/bp-legacy/css/twentyfifteen.scss

@@ -183 +183 @@
                 6.2.1 - item-body: Groups
                         6.2.1.1 - Management settings screens
                         6.2.1.2 - Group members list
+                        6.2.1.3 - Group Send Invites
                 6.2.2 - item-body: User Accounts
                         6.2.2.1 - classes, pag, filters
                         6.2.2.2 - Extended Profiles
@@ -1258 +1259 @@
 *----------------------------------------------------
 */
 
+
 /**
 *-----------------------------------------
 * @subsection 6.2.1.1 - Group Management
@@ -1456 +1458 @@
 }
 
 /**
+*-----------------------------------------
+* @subsection 6.2.1.3 - Group Send Invites
+*-----------------------------------------
+*/
+
+.groups.group-invites {
+        #item-body {
+                .item-list {
+                        .action {
+                                margin-bottom: 0;
+                        }
+                }
+        }
+
+        @media screen and (min-width: 46.25em) {
+                #buddypress {
+                        #item-body {
+                                #message {
+                                        margin-top: 0;
+                                }
+                        }
+                }
+        }
+
+        @media screen and (min-width: 55em) {
+                #buddypress {
+                        #send-invite-form { margin-top: 0;}
+                }
+        }
+
+        #item-body {
+                @media screen and (max-width: 46.25em) {
+                        .left-menu {
+                                float: none;
+                                margin: $spacing-val-sm 0;
+
+                                #invite-list {
+                                        height: auto;
+                                        width: auto;
+                        }
+                }
+
+                        .main-column {
+                                margin-left: 0;
+                }
+
+                        .submit {
+                                input {
+                                        display: inline-block;
+                                        width: 100%;
+                        }
+                }
+        }
+ }
+
+}
+
+/**
 *-----------------------------------------------------
 * @subsection 6.2.2 - Item Body User Accounts
 *

src/bp-templates/bp-legacy/css/twentyfourteen.scss

@@ -8 +8 @@
 // We follow the dictats of the parent theme in respect of media queries,
 // font sizing etc. Media queries are used in a modular sense (OOCSS)
 // rather than described as blocks to the end of the sheet, this aids ease
-// of managing media queries, scalability & flexibility .
+// of managing media queries, scalability & flexibility.
 
 // Twentyfourteen Media Queries / Breakpoints
 //@media screen and (max-width: 400px)
@@ -1295 +1295 @@
                                 border-top: 1px solid $nav-background-border;
                         }
 
-                        #invite-list {width: 120px;}
-                        .main-column {margin-left: 160px;}
+                        @media screen and (max-width: 400px) {
+                                .left-menu {
+                                        float: none;
 
+                                        #invite-list {
+                                                height: auto;
+                                                width: auto;
+                                        }
+                                }
+
+                                .main-column {
+                                        margin-left: 0;
+                                }
+                        }
+
                         li {
                                 img.avatar {
                                         display: block;