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%;
+            }
+        }
+    }
+ }
+
 }