about summary refs log tree commit diff
diff options
context:
space:
mode:
authorThibaut Girka <thib@sitedethib.com>2018-10-01 22:10:30 +0200
committerThibG <thib@sitedethib.com>2018-10-09 18:10:54 +0200
commit5f308a7f05a067211417307f249870d0b3fb8ebd (patch)
treea2c92cf1528398566a2c09e7d755cd2150406075
parent6cd793f0ac42a1af962de488f65cd207e55723d4 (diff)
When screen width is too narrow, hide local-settings page text, keep only icons
-rw-r--r--app/javascript/flavours/glitch/styles/components/local_settings.scss15
1 files changed, 15 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/local_settings.scss b/app/javascript/flavours/glitch/styles/components/local_settings.scss
index 288248f7c..1adf54a1b 100644
--- 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;
+    }
+  }
+}