Design consistency audit fixes: alerts, cards, dark mode, utilities

Alert sweep (113 alerts, 79 files):
  All persistent static banners now carry alert-permanent so the
  layout's 5-second auto-dismiss cannot swallow guidance, warnings,
  or validation errors. Transient dismissible toasts left untouched.

CSS fixes (site.css):
  .card.shadow-sm      — strips rogue border from ~40 drifted cards
  .card-header.bg-white — rebinds to var(--bs-body-bg) so card
                          headers follow dark/light theme correctly
  Typography utilities  — .text-2xs (.68rem), .text-xs (.73rem)
  Token color classes   — .text-ember, .text-ok, .text-bad,
                          .text-warn, .text-cool, .bg-paper-2
  Layout utilities      — .mw-xs/sm/md/lg replace inline max-width
  Comment              — documents text-ember vs text-primary intent

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-10 18:05:29 -04:00
parent f6d457fe0e
commit 328b195127
80 changed files with 603 additions and 561 deletions
@@ -1,4 +1,4 @@
@model IEnumerable<PowderCoating.Application.DTOs.Job.JobDailyPriorityDto>
@model IEnumerable<PowderCoating.Application.DTOs.Job.JobDailyPriorityDto>
@using PowderCoating.Application.DTOs.Job
@using PowderCoating.Core.Entities
@using PowderCoating.Core.Enums
@@ -51,7 +51,7 @@
</div>
</div>
@* ── Carried-Over (Overdue) Jobs ──────────────────────────────────────── *@
@* ── Carried-Over (Overdue) Jobs ──────────────────────────────────────── *@
@if (overdueJobs.Any())
{
<div class="card border-danger mb-4">
@@ -59,7 +59,7 @@
<div class="d-flex align-items-center justify-content-between">
<div class="d-flex align-items-center gap-2">
<i class="bi bi-exclamation-triangle-fill me-2"></i>
<strong>Carried Over Not Yet Completed</strong>
<strong>Carried Over — Not Yet Completed</strong>
<a tabindex="0" class="help-icon text-white opacity-75" role="button"
data-bs-toggle="popover" data-bs-placement="right" data-bs-trigger="focus"
data-bs-title="Carried Over Jobs"
@@ -170,7 +170,7 @@
@if (!Model.Any())
{
<div class="alert alert-info">
<div class="alert alert-info alert-permanent">
<i class="bi bi-info-circle me-2"></i>
No jobs scheduled for @scheduledDate.ToString("MMMM dd, yyyy").
</div>
@@ -185,7 +185,7 @@
<a tabindex="0" class="help-icon text-white opacity-75" role="button"
data-bs-toggle="popover" data-bs-placement="right" data-bs-trigger="focus"
data-bs-title="Reorder &amp; Quick Edit"
data-bs-content="Drag the grip on the left of any row to change processing order saved automatically. Click a Priority badge to change priority. Click the Worker cell to reassign. Click Scheduled Date or Due Date to update dates inline without navigating away.">
data-bs-content="Drag the ⠿ grip on the left of any row to change processing order — saved automatically. Click a Priority badge to change priority. Click the Worker cell to reassign. Click Scheduled Date or Due Date to update dates inline without navigating away.">
<i class="bi bi-question-circle"></i>
</a>
</div>
@@ -320,7 +320,7 @@
</div>
}
@* ── Scheduled Maintenance for the Day ──────────────────────────────── *@
@* ── Scheduled Maintenance for the Day ──────────────────────────────── *@
<div class="mt-4">
<div class="card">
<div class="card-header bg-warning text-dark">
@@ -381,7 +381,7 @@
<tr onclick="window.location='@Url.Action("Details", "Maintenance", new { id = item.Id })'"
style="cursor: pointer;">
<td>
<strong>@(item.Equipment?.EquipmentName ?? "")</strong>
<strong>@(item.Equipment?.EquipmentName ?? "—")</strong>
@if (!string.IsNullOrEmpty(item.Equipment?.Location))
{
<br /><small class="text-muted"><i class="bi bi-geo-alt me-1"></i>@item.Equipment.Location</small>
@@ -930,14 +930,14 @@
</script>
<script>
// SignalR real-time status updates from shop display
// SignalR — real-time status updates from shop display
(function () {
const connection = new signalR.HubConnectionBuilder()
.withUrl('/hubs/shop')
.withAutomaticReconnect()
.build();
// A worker advanced a job status on the shop display update badge in place
// A worker advanced a job status on the shop display — update badge in place
connection.on('JobStatusChanged', function (data) {
const badge = document.getElementById(`status-badge-${data.jobId}`);
if (badge) {
@@ -946,7 +946,7 @@
}
});
// Order/priority/worker changed by another Daily Board session reload
// Order/priority/worker changed by another Daily Board session — reload
connection.on('DailyBoardUpdated', function () {
// Only reload if this tab didn't trigger it (we can't easily tell, so just reload)
location.reload();