about summary refs log tree commit diff
path: root/app/javascript/styles
diff options
context:
space:
mode:
authorEugen Rochko <eugen@zeonfederated.com>2019-01-16 19:47:46 +0100
committerGitHub <noreply@github.com>2019-01-16 19:47:46 +0100
commitbc642ac24b49c14dca382e7aabbc16130293d2f4 (patch)
tree1bf55901185d1cac954ef216f7394d09c10df1f3 /app/javascript/styles
parent4ab42287c0bbcbd259bff229d66da8964a261aff (diff)
Redesign public hashtag page to use a masonry layout (#9822)
Diffstat (limited to 'app/javascript/styles')
-rw-r--r--app/javascript/styles/mastodon/widgets.scss27
1 files changed, 27 insertions, 0 deletions
diff --git a/app/javascript/styles/mastodon/widgets.scss b/app/javascript/styles/mastodon/widgets.scss
index 87e633c70..cabef807e 100644
--- a/app/javascript/styles/mastodon/widgets.scss
+++ b/app/javascript/styles/mastodon/widgets.scss
@@ -425,3 +425,30 @@
     border-radius: 0;
   }
 }
+
+$maximum-width: 1235px;
+$fluid-breakpoint: $maximum-width + 20px;
+
+.statuses-grid {
+  min-height: 600px;
+
+  &__item {
+    width: (960px - 20px) / 3;
+
+    @media screen and (max-width: $fluid-breakpoint) {
+      width: (940px - 20px) / 3;
+    }
+
+    @media screen and (max-width: $no-gap-breakpoint) {
+      width: 100vw;
+    }
+  }
+
+  .detailed-status {
+    border-radius: 4px;
+
+    @media screen and (max-width: $no-gap-breakpoint) {
+      border-bottom: 1px solid lighten($ui-base-color, 12%);
+    }
+  }
+}