fix(scrolling): Center for large screen w/o breaking horiz scroll (#2682)

8 years ago · 167cf737d3
parent 747d9809cc
commit 167cf737d3
1 changed files with 7 additions and 1 deletions
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@ -1202,7 +1202,6 @@ a.status__content__spoiler-link {
@media screen and (min-width: 1025px) {
  .columns-area {
    padding: 0;
-    margin: 0 auto;
  }

  .column, .drawer {
@ -1228,6 +1227,13 @@ a.status__content__spoiler-link {
  }
 }

+@media screen and (min-width: 1397px) { /* Width of 4 columns with margins */
+  .columns-area {
+    margin-left: auto;
+    margin-right: auto;
+  }
+}
+
@media screen and (min-width: 1900px) {
  .column, .drawer {
    width: 400px;