]> cat aescling's git repositories - mastodon.git/commitdiff
fix(scrolling): Center for large screen w/o breaking horiz scroll (#2682)
authorStephen Burgess <stephenburgess8@gmail.com>
Mon, 1 May 2017 16:14:26 +0000 (12:14 -0400)
committerEugen Rochko <eugen@zeonfederated.com>
Mon, 1 May 2017 16:14:26 +0000 (18:14 +0200)
app/assets/stylesheets/components.scss

index 1468999b2c9afa350bf04576253bf9148caa0b1d..fd3eec712be53821b66643750bc281ec39189429 100644 (file)
@@ -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;