Home Explore Help
Register Sign In
chenxixian
/
devdocs
mirror of https://github.com/freeCodeCamp/devdocs
1
0
Fork 0
Files Issues 0 Wiki
Browse Source

Show message when JavaScript is disabled

Thibaut 11 years ago
parent
062ccd2c5b
commit
5079756d87
4 changed files with 7 additions and 1 deletions
Split View Show Diff Stats
  1. 1 0
      assets/javascripts/app/app.coffee
  2. 3 0
      assets/stylesheets/components/_app.scss
  3. 1 0
      assets/stylesheets/components/_fail.scss
  4. 2 1
      views/index.erb

+ 1 - 0
assets/javascripts/app/app.coffee
View File 

@@ -101,6 +101,7 @@
 
     return
 
 
   showLoading: ->
 
+    document.body.classList.remove '_noscript'
 
     document.body.classList.add '_loading'
 
     return

+ 3 - 0
assets/stylesheets/components/_app.scss
View File 

@@ -9,6 +9,7 @@
 
   @extend %border-box;
 
 
   ._booting > & { opacity: 0; }
 
+  ._noscript > & { display: none; }
 
 }
 
 
 ._booting {
 
@@ -33,3 +34,5 @@
 
             transition: opacity .1s .3s;
 
   }
 
 }
 
+
 
+._noscript { opacity: 1; }

+ 1 - 0
assets/stylesheets/components/_fail.scss
View File 

@@ -1,4 +1,5 @@
 
 ._fail {
 
+  display: block;
 
   position: relative;
 
   top: 1.5rem;
 
   width: 24rem;

+ 2 - 1
views/index.erb
View File 

@@ -29,6 +29,7 @@
 
   <%= javascript_tag 'docs' %><% unless App.production? %>
 
   <%= javascript_tag 'debug' %><% end %>
 
 </head>
 
-<body class="_booting">
 
+<body class="_booting _noscript">
 
+<noscript class="_fail">DevDocs requires JavaScript to run.</noscript>
 
 <%= erb :app %></body>
 
 </html>