fix: Warn if JavaScript is disabled (#3634)

diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index 50267422553b65802915e2ec405353edcc1c1647..6fa3c8dff2987b4385561b96966a13c559f5dd39 100644 (file)
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -3629,3 +3629,12 @@ button.icon-button.active i.fa-retweet {
     border-color: transparent transparent $ui-base-color;
   }
 }
+
+noscript {
+  text-align: center;
+
+  div {
+    font-size: 20px;
+    margin: 20px 0;
+  }
+}

diff --git a/app/views/home/index.html.haml b/app/views/home/index.html.haml
index 87cfcaff401fcce9303f4621bbe0f7a8127dfdd1..33c978c891c52ec0d296051ff716355b8b6b342b 100644 (file)
--- a/app/views/home/index.html.haml
+++ b/app/views/home/index.html.haml
@@ -4,3 +4,7 @@
   = javascript_pack_tag 'application', integrity: true, crossorigin: 'anonymous'
 
 .app-holder#mastodon{ data: { props: Oj.dump(default_props) } }
+  %noscript
+    = image_tag asset_pack_path('logo.png')
+    %div
+      = t('errors.noscript')

diff --git a/config/locales/en.yml b/config/locales/en.yml
index 965bfbe477e748bd8dca43975664ef8327ea95b9..6ea2eb6c176a1624ed8c8a80680c7682153c4a7e 100644 (file)
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -231,6 +231,7 @@ en:
       content: Security verification failed. Are you blocking cookies?
       title: Security verification failed
     '429': Throttled
+    noscript: To use Mastodon, please enable JavaScript.
   exports:
     blocks: You block
     csv: CSV