Changeset 9905 for trunk/src/bp-templates/bp-legacy/css/twentyfifteen.scss

Timestamp:

06/01/2015 04:39:13 PM (11 years ago)

Author:

hnla

Message:

Update companion styles Group Send Invites screens

In small screen/mobile views the two column invites lists were too compressed horizontally, commit re-factors for stacked views.

Fixes #6468

File:

• trunk/src/bp-templates/bp-legacy/css/twentyfifteen.scss (modified) (3 diffs)

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

@@ -184 +184 @@
                         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
@@ -1259 +1260 @@
 */
 
+
 /**
 *-----------------------------------------
@@ -1454 +1456 @@
                 }
         }
+}
+
+/**
+*-----------------------------------------
+* @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%;
+                        }
+                }
+        }
+ }
+
 }