From 5f308a7f05a067211417307f249870d0b3fb8ebd Mon Sep 17 00:00:00 2001
From: Thibaut Girka <thib@sitedethib.com>
Date: Mon, 1 Oct 2018 22:10:30 +0200
Subject: [PATCH] When screen width is too narrow, hide local-settings page
 text, keep only icons

---
 .../glitch/styles/components/local_settings.scss  | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/app/javascript/flavours/glitch/styles/components/local_settings.scss b/app/javascript/flavours/glitch/styles/components/local_settings.scss
index 288248f7cb..1adf54a1ba 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;
+    }
+  }
+}