Merge pull request #1143 from ChristianMurphy/fix/ensure-consistent-g…

…rid-styling-on-small-screens fix(grid): ensure the flexgrid styles remain consistent on small screens
uPortal-Project · Mar 8, 2018 · 0a35589 · 0a35589
2 parents 59efe0e + 23ed3f9
commit 0a35589
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/uPortal-webapp/src/main/webapp/media/skins/respondr/common/less/grids.less b/uPortal-webapp/src/main/webapp/media/skins/respondr/common/less/grids.less
@@ -10,6 +10,14 @@
   .fn-set-width-column-for-size(@number-of-columns, sm);
   .fn-set-width-column-for-size(@number-of-columns, md);
   .fn-set-width-column-for-size(@number-of-columns, lg);
+
+  // On smaller than xs screen sizes all content should be full screen
+  @media (max-width: @screen-xs-max) {
+    .up-portlet-wrapper,
+    .fl-reorderer-dropMarker {
+      width: 100%;
+    }
+  }
 }
 
 /*