Chronos: installation panel enhancement (#5588)

* Update:installation panel enhancement Left a bug to fix and install CMD to revise. * Bugfix: Fixed a bug when using Firefox browser to use the install guide form. Fixed the bug that the table's background color may be changed by mistake on Firefox browser. * Update: update panel as comment required. * Bugfix: fixed a bug in js file that will show wrong cmd when clicking 'windows' or 'docker'. * Bugfix: fixed the bug that 'cmd' shows incorrectly when clicking 'prophet' and 'ARIMA'.
intel-analytics · Sep 1, 2022 · 0f1cfd8 · 0f1cfd8
1 parent 57e46c6
commit 0f1cfd8
Show file tree

Hide file tree

Showing 3 changed files with 303 additions and 259 deletions.
diff --git a/docs/readthedocs/source/_static/css/chronos_installation_guide.css b/docs/readthedocs/source/_static/css/chronos_installation_guide.css
@@ -1,51 +1,49 @@
-/* Border styles */
-#table-1 tr, #table-1 td, #table-1 th  {
+.displayed {
+    display: block;
+    text-align: center;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+#table-1 {
+    border-bottom-width: 0px;
+    margin:auto;
+}
+
+#table-1 tr, td{
+    background-color: rgb(240, 241, 245);
+    height: 30px;
     border-width: 2px;
     border-style: solid;
     border-color: white ;
     padding: 5px;
-    }
+}
 
-    #table-1 {
-    border-bottom-width: 0px;
-    }
-
-    /* Padding and font style */
-    #table-1 td, #table-1 th {
+#table-1 tr td:first-child{
+    font-weight: 600;
+}
+
+#table-1 td{
     font-size: 16px;
     font-family: Verdana;
     color: rgb(15, 24, 33);
-    }
-
-    /* Alternating background colors */
-    #table-1 tr, td{
-        background-color: rgb(240, 241, 245);
-        height: 30px;
-    }
-
-    .displayed {
-        display: block;
-        text-align: center;
-        margin-left: auto;
-        margin-right: auto }
-
-    /* setting div id=cmd width */
-    #cmd {
-        width: 450px;
-        height: 35px;
-        overflow:unset;
-    }
+    text-align: center;
+    /* height: 56px;
+    line-height: 56px; */
+    width: 160px;
+}
 
-    td, th {
-        text-align: center;
-    }
-
-    #table-1 button {
-        border-color: transparent;
-        width: 100%;
-        height: 100%;
-        background-color: transparent;
-        cursor: pointer;
-        font-size: 16px;
-    }
+#table-1 button {
+    font-size: 16px;
+    border-color: transparent;
+    width: 100%;
+    height: 100%;
+    background-color: transparent;
+    cursor: pointer;
+}
 
+#cmd {
+    width: auto;
+    height: 35px;
+    overflow:unset;
+}