Merge pull request #3480 from kaimmej/navbar-icon-changes

[FEATURE] Navbar icon changes

_data/header_navmenu_datafile.json

@@ -232,7 +232,7 @@
                         {
                             "Name": "View key performance metrics across different workloads",
                             "ClassValue" : "drawer-content-subheader",
-                            "Icon": "OpenSearch-DataConsumer-condensedImage"
+                            "Icon": "OpenSearch-PerformanceBenchmarks-condensedImage"
                         }
                     ]
                 }
@@ -277,14 +277,14 @@
                             "SubText": "Find answers to your questions, help others in the community, and join the conversation.",
                             "URL": "https://forum.opensearch.org/",
                             "ClassValue" : "drawer-content-subheader-link",
-                            "Icon": "OpenSearch-Forum-condensedImage"
+                            "Icon": "OpenSearch-Forum-Icon-condensedImage"
                         },
                         {
                             "Name": "Providers",
                             "SubText": "Find open-source providers offering solutions and services.",
                             "URL": "/solutionsProviders/",
                             "ClassValue" : "drawer-content-subheader-link",
-                            "Icon": "OpenSearch-Partners-condensedImage"
+                            "Icon": "OpenSearch-Providers-Icon-condensedImage"
                         },
                         {
                             "Name": "Events",
@@ -299,21 +299,21 @@
                             "SubText": "Highlights of projects built by the community.",
                             "URL": "/community_projects/",
                             "ClassValue" : "drawer-content-subheader-link",
-                            "Icon": "OpenSearch-Projects-condensedImage"
+                            "Icon": "OpenSearch-Projects-Icon-condensedImage"
                         },
                         {
                             "Name": "Members",
                             "SubText": "Community member profiles.",
                             "URL": "/community/members/index.html",
                             "ClassValue" : "drawer-content-subheader-link",
-                            "Icon": "OpenSearch-Members-condensedImage"
+                            "Icon": "OpenSearch-Members-Icon-condensedImage"
                         },
                         {
                             "Name": "UserGroups",
                             "SubText": "Join the OpenSearch Project Meetup Network",
                             "URL": "https://www.meetup.com/pro/opensearchproject/",
                             "ClassValue" : "drawer-content-subheader-link",
-                            "Icon": "OpenSearch-UserGroups-condensedImage"
+                            "Icon": "OpenSearch-UserGroups-Icon-condensedImage"
                         }
 
                     ]
@@ -388,7 +388,7 @@
                             "SubText": "Measure performance metrics for your OpenSearch cluster.",
                             "URL": "/docs/latest/benchmark/",
                             "ClassValue" : "drawer-content-subheader-link",
-                            "Icon": "OpenSearch-DataConsumer-condensedImage"
+                            "Icon": "OpenSearch-PerformanceBenchmarks-condensedImage"
                         },
                         {
                             "Name": "Data Prepper",
@@ -402,7 +402,7 @@
                             "SubText": "Interact with OpenSearch from your application using language APIs.",
                             "URL": "/docs/latest/clients/",
                             "ClassValue" : "drawer-content-subheader-link",
-                            "Icon": "OpenSearch-Clients-condensedImage"
+                            "Icon": "OpenSearch-Clients-Icon-condensedImage"
                         }
                     ]
                 }

_includes/icons_navbar.html

@@ -18,8 +18,7 @@
     {% when 'OpenSearch-DataConsumer-condensedImage' %}
         <img src="/assets/img/iconography/OpenSearch-DataConsumer.png" alt="OpenSearch core logo" class="iconography object-fit-contain" width="50" height="50">
 
-    {% when 'OpenSearch-Forum-condensedImage' %}
-        <img src="/assets/img/iconography/OpenSearch-Forum.png" alt="OpenSearch Forum" class="iconography object-fit-contain" width="50" height="50">
+
     {% when 'OpenSearch-Events-condensedImage' %}
         <img src="/assets/img/iconography/OpenSearch-Events.png" alt="OpenSearch Events" class="iconography object-fit-contain" width="50" height="50">
     {% when 'OpenSearch-Members-condensedImage' %}
@@ -50,6 +49,38 @@
     {% when 'OpenSearch-Clients-condensedImage' %}
         <img src="/assets/img/iconography/OpenSearch-Clients.png" alt="Clients" class="iconography object-fit-contain" width="50" height="50">
 
+
+    {% when 'OpenSearch-PerformanceBenchmarks-condensedImage' %}
+        <img src="/assets/img/iconography/OpenSearch-PerformanceBenchmarks-Icon.png" alt="Performance Benchmarks" class="iconography object-fit-contain" width="50" height="50">
+    {% when 'OpenSearch-Forum-Icon-condensedImage' %}
+        <img src="/assets/img/iconography/OpenSearch-Forum-Icon.png" alt="OpenSearch Forum" class="iconography object-fit-contain" width="50" height="50">
+    {% when 'OpenSearch-Members-Icon-condensedImage' %}
+        <img src="/assets/img/iconography/OpenSearch-Members-Icon.png" alt="OpenSearch Members" class="iconography object-fit-contain" width="50" height="50">
+    {% when 'OpenSearch-Providers-Icon-condensedImage' %}
+        <img src="/assets/img/iconography/OpenSearch-Providers-Icon.png" alt="OpenSearch Providers" class="iconography object-fit-contain" width="50" height="50">
+    {% when 'OpenSearch-Projects-Icon-condensedImage' %}
+        <img src="/assets/img/iconography/OpenSearch-Projects-Icon.png" alt="OpenSearch Projects" class="iconography object-fit-contain" width="50" height="50">
+    {% when 'OpenSearch-UserGroups-Icon-condensedImage' %}
+        <img src="/assets/img/iconography/OpenSearch-UserGroups-Icon.png" alt="OpenSearch UserGroups" class="iconography object-fit-contain" width="50" height="50">
+    {% when 'OpenSearch-Clients-Icon-condensedImage' %}
+        <img src="/assets/img/iconography/OpenSearch-Clients-Icon.png" alt="OpenSearch Clients" class="iconography object-fit-contain" width="50" height="50">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
     {% when 'OpenSearch-Blog-DrawerIcon-condensedImage' %}
         <img src="/assets/img/iconography/MegaMenu-Blog-DrawerIcon.png" alt="Blog Drawer Icon" class="iconography object-fit-contain" width="250" height="250">
     {% when 'OpenSearch-Platform-DrawerIcon-condensedImage' %}
@@ -61,6 +92,20 @@
     {% when 'OpenSearch-Search-DrawerIcon-condensedImage' %}
         <img src="/assets/img/iconography/MegaMenu-Search-DrawerIcon.png" alt="Search Drawer Icon" class="iconography object-fit-contain" width="100" height="100">
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
     {% when 'search-magnifying-glass-navbar' %}
         <svg width="41" height="41"  viewBox="0 0 41 41" xmlns="http://www.w3.org/2000/svg">
             <g clip-path="url(#clip0_96_53) fill="white">

_includes/navbar.html

@@ -357,11 +357,11 @@ <h2 class="accordion-header row">
                                                 {% assign post_metadata_date_string = "" %}
 
                                                 <!-- Date -->
-                                                {% assign post_metadata_date_string = post_metadata_date_string | append: post.date | date: "%b %d, %Y" %}
+                                                {% assign post_metadata_date_string = post_metadata_date_string | append: post.date | date: "%b %d" %}
 
 
                                                 <tr>
-                                                    <td scope="row"><a class="megamenu-blog-title" href="{{  post.url }}" >{{ post.title }}</a></td>
+                                                    <td ><a class="megamenu-blog-title" href="{{  post.url }}" >{{ post.title | truncate: 80 }}</a></td>
                                                     <td class="megamenu-blog-date">{{ post_metadata_date_string }}</td>
                                                 </tr>
 
@@ -460,7 +460,7 @@ <h2 class="accordion-header row">
                                     {% for nav_link in content_section.SubNav %}
                                         <div class="row mb-4">
                                             <div class="col-4 icon-div-box">
-                                                {% include icons.html type=nav_link.Icon class='object-fit-contain' %}
+                                                {% include icons_navbar.html type=nav_link.Icon class='object-fit-contain' %}
                                             </div>
                                             <div class="col pe-0">
 

_sass/_navbar.scss

@@ -415,6 +415,7 @@
             height: 100px;
         }
         .megamenu-blog-date {
+            width: 80px;
             color: #193442;
             font-size: 18px;
             font-weight: 400;