H3ALY/CollapsibleNavMenu
1
0
Fork 0
mirror of https://github.com/H3ALY/CollapsibleNavMenu.git synced 2025-12-19 09:58:35 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update nav bar branding when expanded.

Browse Source
This commit is contained in:
Ross Healy
2024-07-28 18:37:29 +01:00
parent 2c53b0b263
commit cc645d05f8
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
Blazor_Server/Components/Layout/NavMenu.razor
View File

@@ -6,6 +6,10 @@
{ {
<a class="navbar-brand" href="">Blazor Server</a> <a class="navbar-brand" href="">Blazor Server</a>
} }
else
{
<a class="navbar-brand bi bi-window-fullscreen" />
}
<button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu"> <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
@@ -47,7 +51,7 @@
@if (!IconMenuActive) @if (!IconMenuActive)
{ {
<span><label>Sub Menu 1</label></span> <span><label>Sub Menu 1</label></span>
<span class="oi chevron-icon @(IsSubMenuOpen("subMenu1") ? "bi bi-arrow-up-short" : "bi bi-arrow-down-short")" aria-hidden="true"></span> <span class="bi bi-arrow-icon @(IsSubMenuOpen("subMenu1") ? "bi bi-arrow-up-short" : "bi bi-arrow-down-short")" aria-hidden="true"></span>
} }
</NavLink> </NavLink>
<div class="sub-menu" style="display: @(IsSubMenuOpen("subMenu1") ? "block" : "none")"> <div class="sub-menu" style="display: @(IsSubMenuOpen("subMenu1") ? "block" : "none")">
@@ -73,7 +77,7 @@
@if (!IconMenuActive) @if (!IconMenuActive)
{ {
<span><label>Sub Menu 2</label></span> <span><label>Sub Menu 2</label></span>
<span class="oi chevron-icon @(IsSubMenuOpen("subMenu2") ? "bi bi-arrow-up-short" : "bi bi-arrow-down-short")" aria-hidden="true"></span> <span class="bi bi-arrow-icon @(IsSubMenuOpen("subMenu2") ? "bi bi-arrow-up-short" : "bi bi-arrow-down-short")" aria-hidden="true"></span>
} }
</NavLink> </NavLink>
<div class="sub-menu" style="display: @(IsSubMenuOpen("subMenu2") ? "block" : "none")"> <div class="sub-menu" style="display: @(IsSubMenuOpen("subMenu2") ? "block" : "none")">

4
Blazor_WebAssembly/Blazor_WebAssembly.Client/Layout/NavMenu.razor
View File

@@ -6,6 +6,10 @@
{ {
<a class="navbar-brand" href="">Blazor Server</a> <a class="navbar-brand" href="">Blazor Server</a>
} }
else
{
<a class="navbar-brand bi bi-window-fullscreen" />
}
<button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu"> <button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>