Skip to content

Commit

Permalink
- Updated sidebar formatting/layout
Browse files Browse the repository at this point in the history
  • Loading branch information
BryanSoltis committed Jan 9, 2024
1 parent 905b5af commit 0fc3e01
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 21 deletions.
2 changes: 1 addition & 1 deletion src/Components/Layout/MainLayout.razor
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@
<PageTitle>Azure Naming Tool</PageTitle>
<BlazoredToasts Position="ToastPosition.BottomRight" ShowProgressBar="true" />
<div class="page @theme.ThemeStyle">
<div class="sidebar">
<div class="sidebar" style="overflow-y:auto;">
<NavMenu PageType="@PageType" />
</div>

Expand Down
40 changes: 20 additions & 20 deletions src/Components/Layout/NavMenu.razor
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
@inject ProtectedLocalStorage storage
@inject NavigationManager NavigationManager

<div class="top-row ps-3 navbar navbar-dark">
<div class="top-row ps-2 navbar navbar-dark">
<div class="container-fluid">
<a class="navbar-brand" href="/"><img src="images/AzureNamingToolLogo-NoText.png" height="20" style="vertical-align:top;margin-top:2px;padding-right:10px;" alt="Azure Naming Tool" />Azure Naming Tool</a>
<button title="Navigation menu" class="navbar-toggler" @onclick="ToggleNavMenu">
Expand All @@ -19,50 +19,50 @@

<div class="@NavMenuCssClass" style="background-color:#004494" @onclick="ToggleNavMenu">
<nav class="flex-column">
<div class="nav-item px-3">
<div class="nav-item px-2">
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
<span class="oi oi-home" aria-hidden="true"></span> Home
</NavLink>
</div>
<div class="nav-item px-3">
<div class="nav-item px-2">
<NavLink class="nav-link" href="admin">
<span class="oi oi-lock-locked" aria-hidden="true"></span> Admin
</NavLink>
</div>
@if (admin)
{
<div class="nav-item px-3">
<div class="nav-item px-2">
<NavLink class="nav-link" href="adminlog">
<span class="oi oi-box" aria-hidden="true"></span> Admin Log
</NavLink>
</div>
}
@if (Convert.ToBoolean(config.InstructionsEnabled) || admin)
{
<div class="nav-item px-3">
<div class="nav-item px-2">
<NavLink class="nav-link" href="instructions">
<span class="oi oi-info" aria-hidden="true"></span> Instructions
</NavLink>
</div>
}
<div class="nav-item px-3">
<div class="nav-item px-2">
<NavLink class="nav-link" href="configuration">
<span class="oi oi-cog" aria-hidden="true"></span> Configuration
</NavLink>
</div>
<div class="nav-item px-3">
<div class="nav-item px-2">
<NavLink class="nav-link" href="reference">
<span class="oi oi-spreadsheet" aria-hidden="true"></span> Reference
</NavLink>
</div>
<div class="nav-item px-3">
<div class="nav-item px-2">
<NavLink class="nav-link" href="generate">
<span class="oi oi-check" aria-hidden="true"></span> Generate
</NavLink>
</div>
@if (Convert.ToBoolean(config.GeneratedNamesLogEnabled) || admin)
{
<div class="nav-item px-3">
<div class="nav-item px-2">
<NavLink class="nav-link" href="generatednameslog">
<span class="oi oi-list" aria-hidden="true"></span> Generated Names Log
</NavLink>
Expand All @@ -78,10 +78,10 @@
Jump To
</div>
<div class="card bg-transparent">
<div class="nav-item px-3">
<div class="nav-item px-2">
<a class="text-decoration-none nav-link" @onclick='(() => OnConfigNavClick("ResourceComponent"))' @onclick:preventDefault href="">Components</a>
</div>
<div class="nav-item px-3">
<div class="nav-item px-2">
<a class="text-decoration-none nav-link" @onclick='(() => OnConfigNavClick("ResourceDelimiter"))' @onclick:preventDefault href="">Delimiters</a>
</div>
@if (GeneralHelper.IsNotNull(servicesData.ResourceComponents))
Expand All @@ -90,7 +90,7 @@
{
@if (resourceComponent.Name != "ResourceInstance")
{
<div class="nav-item px-3">
<div class="nav-item px-2">
<a class="text-decoration-none nav-link" @onclick='(() => OnConfigNavClick(resourceComponent.Name))' @onclick:preventDefault href="">@(resourceComponent.DisplayName)</a>
</div>
}
Expand All @@ -108,26 +108,26 @@
<div class="card bg-transparent">
@if (admin)
{
<div class="nav-item px-3">
<div class="nav-item px-2">
<a class="text-decoration-none nav-link" @onclick='(() => OnConfigNavClick("adminpasswordcontainer"))' @onclick:preventDefault href="">Global Admin Password</a>
</div>
<div class="nav-item px-3">
<div class="nav-item px-2">
<a class="text-decoration-none nav-link" @onclick='(() => OnConfigNavClick("adminconfigurationcontainer"))' @onclick:preventDefault href="">Admin Configuration</a>
</div>
<div class="nav-item px-3">
<div class="nav-item px-2">
<a class="text-decoration-none nav-link" @onclick='(() => OnConfigNavClick("adminlogcontainer"))' @onclick:preventDefault href="">Admin Log</a>
</div>
}
<div class="nav-item px-3">
<div class="nav-item px-2">
<a class="text-decoration-none nav-link" @onclick='(() => OnConfigNavClick("configurationcontainer"))' @onclick:preventDefault href="">Configuration</a>
</div>
<div class="nav-item px-3">
<div class="nav-item px-2">
<a class="text-decoration-none nav-link" @onclick='(() => OnConfigNavClick("generatecontainer"))' @onclick:preventDefault href="">Generate</a>
</div>
<div class="nav-item px-3">
<div class="nav-item px-2">
<a class="text-decoration-none nav-link" @onclick='(() => OnConfigNavClick("generatednameslogcontainer"))' @onclick:preventDefault href="">Generated Names Log</a>
</div>
<div class="nav-item px-3">
<div class="nav-item px-2">
<a class="text-decoration-none nav-link" @onclick='(() => OnConfigNavClick("referencecontainer"))' @onclick:preventDefault href="">Reference</a>
</div>
</div>
Expand All @@ -137,7 +137,7 @@
@if ((PageType.ToString() == "AzureNamingTool.Components.Pages.Index") && (connected) && Convert.ToBoolean(config.LatestNewsEnabled))
{
<hr />
<div class="nav-item px-3">
<div class="nav-item px-2">
<div class="nav-link">
<label title="Latest News" style="font-weight:bold;">
Latest News
Expand Down

0 comments on commit 0fc3e01

Please sign in to comment.