Change version dropdown position and search bar width (#533)

Signed-off-by: sagarkrsd <sagar.kumar@openebs.io>
openebs-archive · Feb 22, 2019 · d7b55f5 · d7b55f5
1 parent 3f9fb05
commit d7b55f5
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 18 deletions.
diff --git a/website/node_modules/docusaurus/lib/core/nav/HeaderNav.js b/website/node_modules/docusaurus/lib/core/nav/HeaderNav.js
diff --git a/website/node_modules/docusaurus/lib/static/css/main.css b/website/node_modules/docusaurus/lib/static/css/main.css
diff --git a/website/static/css/custom.css b/website/static/css/custom.css
@@ -15,14 +15,6 @@ ul#languages-dropdown-items {
 }
 }
 
-@media only screen
-and (min-device-width : 320px)
-and (max-device-width : 375px) {
-    .reactNavSearchWrapper input#search_input_react {
-        width:181px;
-   }
-}
-
 body{
   font-size: 16px;
 }
@@ -274,21 +266,35 @@ table tr th {
 /* CSS for search bar */
 input#search_input_react 
 {
-  background-color: #ffffff;
-  font-weight:400;
-  height:35;
+    background-color: #7B787D;
+    font-weight:400;
+    width:500px;
+    line-height: 28px;
 }
 input#search_input_react:focus, input#search_input_react:active {
-    color: #555;
+    width: 500px;
+    background-color: #7B787D;
 }
 
 #panel, .flip {
     cursor: pointer;
 }
 
+@media (max-width: 320px) {
+    .ver-link-span {
+      display: none;
+    }
+    .dropdown {
+        display: inline-block;
+        margin-right: auto;
+        margin-left: 0px;
+        margin-top: 3.5px;
+    }
+}
+
 /* CSS for version dropdown */
 @media only screen
-and (min-device-width : 320px)
+and (min-device-width : 321px)
 and (max-device-width : 720px) {
     element.style {
       position: relative;
@@ -297,14 +303,26 @@ and (max-device-width : 720px) {
     .ver-link {
       cursor: pointer;
       color: #fff;
-      margin-right: 160px;
-      margin-top: 11px;
+      padding: 1px 3px;
     }
 
     p {
       line-height: 1;
       font-size: 14px;
     }
+
+    .ver-link-span {
+        padding: 1px 3px;
+        border: 1px solid white;
+        vertical-align: bottom;
+    }
+
+    .dropdown {
+        display: inline-block;
+        margin-right: auto;
+        margin-left: 0px;
+        margin-top: 3.5px;
+    }
 }
 
 /**