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

Timestamp:

06/01/2015 04:39:13 PM (10 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/twentyfourteen.scss (modified) (2 diffs)

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

@@ -9 +9 @@
 // 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
@@ -1296 +1296 @@
             }
 
-            #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 {