Column: more clearly indicate when scrolled to top on mobile

3 years ago · 17f21c4106
parent d6af6468d7
commit 17f21c4106
1 changed files with 5 additions and 3 deletions
--- a/app/styles/components/columns.scss
+++ b/app/styles/components/columns.scss
@ -122,11 +122,9 @@
  }

  @media (max-width: 580px) {
-    padding: 0;
-
    .timeline-compose-block {
      border-radius: 0;
-      margin-top: 10px; // Make less claustrophobic
+      margin-top: -5px;
    }
  }

@ -349,6 +347,10 @@
    background: transparent;
    border-radius: 0;
    box-shadow: none;
+
+    .sub-navigation {
+      box-shadow: 0 -6px 6px -6px rgba(0, 0, 0, 0.1);
+    }
  }

  @media screen and (max-width: 580px) {