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/Inventory/Index.cshtml
+3
View File
@@ -15,6 +15,9 @@
<a asp-action="Ledger" class="btn btn-outline-secondary">
<i class="bi bi-journal-text me-2"></i>Inventory Activity
</a>
<a asp-controller="PowderInsights" asp-action="Index" class="btn btn-outline-secondary" title="Powder usage analytics">
<i class="bi bi-graph-up me-2"></i>Powder Insights
</a>
<a asp-action="SamplePanels" class="btn btn-outline-primary">
<i class="bi bi-palette me-2"></i>Manage Sample Panels
</a>
src/PowderCoating.Web/Views/Jobs/Index.cshtml
+20 -3
View File
@@ -111,9 +111,26 @@
<a asp-controller="JobTemplates" asp-action="Index" class="btn btn-outline-secondary text-nowrap" title="Manage job templates">
<i class="bi bi-layout-text-window-reverse me-1"></i><span class="d-none d-md-inline">Templates</span>
</a>
<a href="@Url.Action("Blank", "WorkOrder")" target="_blank" class="btn btn-outline-secondary text-nowrap" title="Print a blank work order form">
<i class="bi bi-printer me-1"></i><span class="d-none d-md-inline">Blank Work Order</span>
</a>
<div class="btn-group">
<a href="@Url.Action("Blank", "WorkOrder")" target="_blank" class="btn btn-outline-secondary text-nowrap" title="Print a blank work order form">
<i class="bi bi-printer me-1"></i><span class="d-none d-md-inline">Blank Work Order</span>
</a>
<button type="button" class="btn btn-outline-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
<span class="visually-hidden">Shop screens</span>
</button>
<ul class="dropdown-menu dropdown-menu-end">
<li>
<a asp-action="ShopDisplay" class="dropdown-item" target="_blank">
<i class="bi bi-display me-2 text-primary"></i>Shop Display <small class="text-muted">(TV)</small>
</a>
</li>
<li>
<a asp-action="ShopMobile" class="dropdown-item">
<i class="bi bi-phone me-2 text-primary"></i>Shop Mobile
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Row 2: quick-view pills -->
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">