Condense Operations sidebar: remove 5 items, tighten padding
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:
@@ -15,6 +15,9 @@
|
|||||||
<a asp-action="Ledger" class="btn btn-outline-secondary">
|
<a asp-action="Ledger" class="btn btn-outline-secondary">
|
||||||
<i class="bi bi-journal-text me-2"></i>Inventory Activity
|
<i class="bi bi-journal-text me-2"></i>Inventory Activity
|
||||||
</a>
|
</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">
|
<a asp-action="SamplePanels" class="btn btn-outline-primary">
|
||||||
<i class="bi bi-palette me-2"></i>Manage Sample Panels
|
<i class="bi bi-palette me-2"></i>Manage Sample Panels
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
@@ -111,9 +111,26 @@
|
|||||||
<a asp-controller="JobTemplates" asp-action="Index" class="btn btn-outline-secondary text-nowrap" title="Manage job templates">
|
<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>
|
<i class="bi bi-layout-text-window-reverse me-1"></i><span class="d-none d-md-inline">Templates</span>
|
||||||
</a>
|
</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">
|
<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>
|
<i class="bi bi-printer me-1"></i><span class="d-none d-md-inline">Blank Work Order</span>
|
||||||
</a>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
<!-- Row 2: quick-view pills -->
|
<!-- Row 2: quick-view pills -->
|
||||||
|
|||||||
@@ -290,7 +290,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.nav-section-title {
|
.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-family: var(--font-mono, 'IBM Plex Mono', ui-monospace, monospace);
|
||||||
font-size: 0.68rem;
|
font-size: 0.68rem;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
@@ -303,7 +303,7 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 0.75rem;
|
gap: 0.75rem;
|
||||||
padding: 0.75rem 1.5rem;
|
padding: 0.55rem 1.5rem;
|
||||||
color: rgba(255,255,255,0.75);
|
color: rgba(255,255,255,0.75);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: all 0.2s;
|
transition: all 0.2s;
|
||||||
@@ -1073,7 +1073,6 @@
|
|||||||
var showInventorySection = hasInventory || hasVendors;
|
var showInventorySection = hasInventory || hasVendors;
|
||||||
var showEquipmentSection = hasEquipment || hasMaintenance;
|
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">
|
<a asp-controller="Dashboard" asp-action="Index" class="nav-link" data-nav="both">
|
||||||
<i class="bi bi-house-door"></i>
|
<i class="bi bi-house-door"></i>
|
||||||
<span>Dashboard</span>
|
<span>Dashboard</span>
|
||||||
@@ -1265,26 +1264,10 @@
|
|||||||
<span>Maintenance</span>
|
<span>Maintenance</span>
|
||||||
</a>
|
</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 ──────────────────────────────────── *@
|
@* ── Reports & Templates ──────────────────────────────────── *@
|
||||||
@if (hasReports || hasJobs)
|
@if (hasReports || hasJobs)
|
||||||
{
|
{
|
||||||
<div class="nav-section-title" data-nav="both">Reports</div>
|
|
||||||
@if (hasReports)
|
@if (hasReports)
|
||||||
{
|
{
|
||||||
<a asp-controller="Reports" asp-action="Landing" class="nav-link" data-nav="both">
|
<a asp-controller="Reports" asp-action="Landing" class="nav-link" data-nav="both">
|
||||||
|
|||||||
Reference in New Issue
Block a user