Merge pull request #3343 from kaimmej/navbar-style-smallChanges

Navbar style small changes

Author: nateynateynate

_data/header_navmenu_datafile.json

@@ -83,6 +83,10 @@
             "Icon": "OpenSearch-Documentation-condensedImage-mobile",
             "collapse-data-target": "collapse-data-target-documentation",
             "SubNav": [
+                {
+                    "Name": "Documentation Library",
+                    "URL": "/docs/latest/"
+                },
                 {
                     "Name": "OpenSearch and Dashboards",
                     "URL": "/docs/latest/about/"
@@ -361,8 +365,9 @@
             "BottomTriangleIcon": "OpenSearch-Documentation-DrawerIcon-condensedImage",
             "LeftColumn": [
                 {
-                    "Title": "Getting Started with OpenSearch",
-                    "ClassValue": "drawer-content-header",
+                    "Title": "Documentation Library",
+                    "ClassValue": "drawer-content-header-link",
+                    "URL": "/docs/latest/",
                     "SubNav": [
                         {
                             "Name": "OpenSearch and Dashboards",

_includes/navbar.html

@@ -136,13 +136,11 @@ <h2 class="accordion-header row">
             <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
 
 
-                <div class=" my-auto pt-2 pb-2 mx-3 d-none d-xxl-block">
-                    <a class="btn top-nav-button btn-outline-primary my-1 py-1" href="/downloads.html" aria-current="Download">Download OpenSearch 2.17</a>
-                </div>
-                <div class=" my-auto pt-2 pb-2 mx-3 d-block d-xxl-none">
-                    <a class="btn top-nav-button btn-outline-primary my-1 py-1" href="/downloads.html" aria-current="Download">Downloads</a>
+                <div class=" my-auto pt-2 pb-2 mx-3">
+                    <a class="btn-primary-dark btn   my-1 py-1" href="/downloads.html" aria-current="Download">Download OpenSearch</a>
                 </div>
 
+
                 <div class="accordion-header my-auto mx-auto">
                     <button class="btn accordion-button nav-search-icon collapsed my-auto p-0 rounded-circle" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggleExternalContent-Search" aria-controls="navbarToggleExternalContent-Search" aria-current="Toggle navigation Search" aria-expanded="false" >
                         {% include icons_navbar.html type='search-magnifying-glass-navbar' %}

_sass/_navbar.scss

@@ -82,6 +82,42 @@
 } 
 
 
+
+
+
+.btn-primary-dark {
+
+    --bs-btn-padding-y: 15px;
+    --bs-btn-padding-x: 25px;
+    background-color: $primary-open-sky-s1;
+    border-radius: 0px;
+    color: $secondary-sanfrancisco-fog-t1;
+    
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 24px;
+    border-radius: 30px;
+
+    --bs-btn-active-color: $secondary-golden-poppy;
+    --bs-btn-active-bg:$primary-open-sky-s3;
+
+    &:active {
+        background-color: $primary-open-sky-s3;
+        color: $secondary-golden-poppy; 
+    }
+    &:hover {
+        background-color: $primary-open-sky-s3;
+    }
+    &:visited {
+        color: $secondary-sanfrancisco-fog-t1;
+    }
+}
+
+
+
+
+
+
 .button-dark {
     // --bs-btn-color: $secondary-sanfrancisco-fog-t1;
     --bs-btn-padding-y: 15px;