spouliot/PowderCoatingLogix
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Condense Operations sidebar: remove 5 items, tighten padding

Browse Source 
Layer 1 — relocate off nav:
  Shop Display + Shop Mobile → Jobs page header (split dropdown on Blank Work Order)
  Powder Insights → Inventory page header button

Layer 2 — remove orphan section headers:
  "Main Menu" (only had Dashboard under it)
  "Reports" (only had Reports link under it)

Layer 3 — CSS density:
  nav-link padding 0.75rem → 0.55rem vertical
  nav-section-title padding 1rem/0.5rem → 0.65rem/0.3rem

Operations mode: 27 elements → 22. Scrollbar eliminated on standard screens.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scott Pouliot
2026-05-10 13:57:09 -04:00
parent c65445b94e
commit f6d457fe0e
3 changed files with 25 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/PowderCoating.Web/Views/Shared/_Layout.cshtml
+2 -19
View File
@@ -290,7 +290,7 @@
}
.nav-section-title {
padding: 1rem 1.5rem 0.5rem;
padding: 0.65rem 1.5rem 0.3rem;
font-family: var(--font-mono, 'IBM Plex Mono', ui-monospace, monospace);
font-size: 0.68rem;
font-weight: 500;
@@ -303,7 +303,7 @@
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.75rem 1.5rem;
padding: 0.55rem 1.5rem;
color: rgba(255,255,255,0.75);
text-decoration: none;
transition: all 0.2s;
@@ -1073,7 +1073,6 @@
var showInventorySection = hasInventory || hasVendors;
var showEquipmentSection = hasEquipment || hasMaintenance;
<div class="nav-section-title" data-nav="both">Main Menu</div>
<a asp-controller="Dashboard" asp-action="Index" class="nav-link" data-nav="both">
<i class="bi bi-house-door"></i>
<span>Dashboard</span>
@@ -1265,26 +1264,10 @@
<span>Maintenance</span>
</a>
}
@if (hasInventory || _isAdminOrManager)
{
<a asp-controller="PowderInsights" asp-action="Index" class="nav-link" data-nav="ops">
<i class="bi bi-graph-up"></i>
<span>Powder Insights</span>
</a>
}
<a asp-controller="Jobs" asp-action="ShopDisplay" class="nav-link" data-nav="ops" target="_blank">
<i class="bi bi-display"></i>
<span>Shop Display</span>
</a>
<a asp-controller="Jobs" asp-action="ShopMobile" class="nav-link" data-nav="ops">
<i class="bi bi-phone"></i>
<span>Shop Mobile</span>
</a>
@* ── Reports & Templates ──────────────────────────────────── *@
@if (hasReports || hasJobs)
{
<div class="nav-section-title" data-nav="both">Reports</div>
@if (hasReports)
{
<a asp-controller="Reports" asp-action="Landing" class="nav-link" data-nav="both">