Changeset 9905 for trunk/src/bp-templates/bp-legacy/css/twentyfourteen.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/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 {