From 38aceadd0822d5e2a6cca3003ebadc5d6d70dddf Mon Sep 17 00:00:00 2001
From: Faith Xu <faxu@microsoft.com>
Date: Mon, 11 Nov 2019 22:43:16 -0800
Subject: [PATCH] Handle disabled js  (#2363)

* Update css

* Add element for disabled js
---
 css/custom.css | 20 ++++++++++++--------
 index.html     | 10 ++++++++++
 2 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/css/custom.css b/css/custom.css
index 0575019b23..c32b1329e7 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -3,6 +3,12 @@ body {
     font-size:18px;
     color: #1a1a1a;
 }
+.ns-callout {
+    background-color: #e8e8e8;
+    border-color: #1e5f7b;    
+    padding: 15px 30px 15px 15px;
+    border-left: 5px solid #1a1a1a;
+}
 h1{     
     font-size: 46px;    
 }
@@ -396,6 +402,7 @@ a .abbr[data-original-title], a abbr[title]{
     text-align: left;
     padding: 0 20px;
     background-color: #666666;
+    border: 1px solid #666666;
     color: #ffffff;
     margin: 2px 0;
     -webkit-box-align: center;
@@ -408,6 +415,7 @@ a .abbr[data-original-title], a abbr[title]{
   }
   .r-wrap.command-block .col-md-3.r-heading {
         background-color: #1a1a1a;
+        border: 1px solid #1a1a1a;
     }
 
   .r-wrap.command-block .r-heading::before {
@@ -445,7 +453,7 @@ a .abbr[data-original-title], a abbr[title]{
     padding: 0 20px;
     font-weight: 400;
     font-size: 18px;
-    margin: 1px ;
+    margin: 2px 2px;
     border: 1px solid #ccc;
     background-color: #fff;
     display: -webkit-box;
@@ -460,10 +468,6 @@ a .abbr[data-original-title], a abbr[title]{
     height: 60px;
     word-break: break-word;
   }
-  .hardwareAcceleration .col-lg-2dot5 span,
-  .hardwareAcceleration .col-lg-2dot4 span{
-        margin-bottom:3px !important;
-    }
   .r-wrap .r-content .r-option.selected span,
   .r-wrap .r-content .r-option.selected span:hover,
   .r-wrap .r-content .r-option.selected span:focus,
@@ -478,11 +482,11 @@ a .abbr[data-original-title], a abbr[title]{
   }
   .r-wrap .r-content .r-option.command-container{
       display: table;
-      padding-top: 3px;
+      padding: 2px 2px 2px 2.3px;
   }
   .r-wrap .r-content .r-option.command-container span {
     display: table-cell;
-	padding: 4px 0 0 20px;
+	padding: 0 10px 0 20px;
     vertical-align: middle;
 	background-color: #eee;
   }
@@ -542,4 +546,4 @@ a .abbr[data-original-title], a abbr[title]{
         max-width: 20%;
     }
 }
- 
\ No newline at end of file
+ 
diff --git a/index.html b/index.html
index 5eb6f4fce0..dd255ec5c0 100644
--- a/index.html
+++ b/index.html
@@ -110,6 +110,16 @@
 	
 	                <section class="py-md-5 pb-4 pt-4 get-started-section border-top" id="getStartedTable">
 	                    <div class="container-fluid">
+							<noscript>
+								<div class="javascript-is-disabled row">
+								<div class="col">
+										<div class="ns-callout">
+											<h2>Please enable JavaScript to use the interactive installation guide.</h2>
+										<p class="mb-0">Need help enabling JavaScript? Follow the instructions <a href="https://www.whatismybrowser.com/guides/how-to-enable-javascript/auto" target="_blank">here</a>.</p>
+										</div>
+								</div>
+								</div>
+							</noscript>
 	                        <div class="row ml-0">
 	                            <div class="col">
 	                                <div class="text-center pb-3">