about summary refs log tree commit diff
path: root/app/javascript
diff options
context:
space:
mode:
authorEugen Rochko <eugen@zeonfederated.com>2017-07-23 20:28:06 +0200
committerGitHub <noreply@github.com>2017-07-23 20:28:06 +0200
commit3a3b556065d34a52843b427fb211d8649f01fe89 (patch)
treedf31f56739ead21bd775b9794ee013864631b4f8 /app/javascript
parent9244f6b6280ccc6645478216b1b2fdd1416572df (diff)
Improve noscript message and style (#4315)
Diffstat (limited to 'app/javascript')
-rw-r--r--app/javascript/styles/components.scss18
1 files changed, 16 insertions, 2 deletions
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index 1f70c6563..e6ccace9c 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -3723,12 +3723,26 @@ button.icon-button.active i.fa-retweet {
 noscript {
   text-align: center;
 
+  img {
+    width: 200px;
+    opacity: 0.5;
+    animation: flicker 4s infinite;
+  }
+
   div {
-    font-size: 20px;
-    margin: 20px 0;
+    font-size: 14px;
+    margin: 30px auto;
+    color: $ui-secondary-color;
+    max-width: 400px;
   }
 }
 
+@keyframes flicker {
+  0% { opacity: 1; }
+  30% { opacity: 0.75; }
+  100% { opacity: 1; }
+}
+
 @media screen and (max-width: 1024px) and (max-height: 400px) {
   $duration: 400ms;
   $delay: 100ms;