When screen width is too narrow, hide local-settings page text, keep only icons

6 years ago · 5f308a7f05
parent 6cd793f0ac
commit 5f308a7f05
1 changed files with 15 additions and 0 deletions
--- a/app/javascript/flavours/glitch/styles/components/local_settings.scss
+++ b/app/javascript/flavours/glitch/styles/components/local_settings.scss
@ -95,3 +95,18 @@
  margin-top: 10px;
  margin-bottom: 10px;
 }
+
+@media screen and (max-width: 630px) {
+  .glitch.local-settings__navigation {
+    width: 40px;
+    flex-shrink: 0;
+  }
+
+  .glitch.local-settings__navigation__item {
+    padding: 10px;
+
+    span:last-of-type {
+      display: none;
+    }
+  }
+}