Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FEATURE] Navbar icon changes #3480

Merged
merged 3 commits into from
Dec 9, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions _data/header_navmenu_datafile.json
Original file line number Diff line number Diff line change
Expand Up @@ -232,7 +232,7 @@
{
"Name": "View key performance metrics across different workloads",
"ClassValue" : "drawer-content-subheader",
"Icon": "OpenSearch-DataConsumer-condensedImage"
"Icon": "OpenSearch-PerformanceBenchmarks-condensedImage"
}
]
}
Expand Down Expand Up @@ -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",
Expand All @@ -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"
}

]
Expand Down Expand Up @@ -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",
Expand All @@ -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"
}
]
}
Expand Down
49 changes: 47 additions & 2 deletions _includes/icons_navbar.html
Original file line number Diff line number Diff line change
Expand Up @@ -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' %}
Expand Down Expand Up @@ -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' %}
Expand All @@ -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">
Expand Down
6 changes: 3 additions & 3 deletions _includes/navbar.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>

Expand Down Expand Up @@ -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">

Expand Down
1 change: 1 addition & 0 deletions _sass/_navbar.scss
Original file line number Diff line number Diff line change
Expand Up @@ -415,6 +415,7 @@
height: 100px;
}
.megamenu-blog-date {
width: 80px;
color: #193442;
font-size: 18px;
font-weight: 400;
Expand Down
Binary file modified assets/img/iconography/MegaMenu-Blog-DrawerIcon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading