about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles/components/columns.scss
diff options
context:
space:
mode:
authorEugen Rochko <eugen@zeonfederated.com>2020-10-15 16:24:47 +0200
committerThibaut Girka <thib@sitedethib.com>2020-10-21 21:49:46 +0200
commit4ae4b0397430230d9d6fdf139ae59e2637859d13 (patch)
treec4b0914b5578e1297fbc277250303f97bd8f0714 /app/javascript/flavours/glitch/styles/components/columns.scss
parentdca05c79a96607d5575b43a310624ca2607ab3d5 (diff)
[Glitch] Change how missing desktop notifications permission is displayed
Port a69ca294738dbe22bacaf9f1fc5a551d99797b35 to glitch-soc

Signed-off-by: Thibaut Girka <thib@sitedethib.com>
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components/columns.scss')
-rw-r--r--app/javascript/flavours/glitch/styles/components/columns.scss26
1 files changed, 26 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/columns.scss b/app/javascript/flavours/glitch/styles/components/columns.scss
index a61818681..be32ae52e 100644
--- a/app/javascript/flavours/glitch/styles/components/columns.scss
+++ b/app/javascript/flavours/glitch/styles/components/columns.scss
@@ -583,6 +583,10 @@
   margin-bottom: 10px;
 }
 
+.column-settings__row--with-margin {
+  margin-bottom: 15px;
+}
+
 .column-settings__hashtags {
   .column-settings__row {
     margin-bottom: 15px;
@@ -690,3 +694,25 @@
     margin-bottom: 15px;
   }
 }
+
+.notifications-permission-banner {
+  padding: 30px;
+  border-bottom: 1px solid lighten($ui-base-color, 8%);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  h2 {
+    font-size: 16px;
+    font-weight: 500;
+    margin-bottom: 15px;
+    text-align: center;
+  }
+
+  p {
+    color: $darker-text-color;
+    margin-bottom: 15px;
+    text-align: center;
+  }
+}