From 39cbda11e5c959ddc44d86ea25c0df4c31535116 Mon Sep 17 00:00:00 2001 From: Konrad du Plessis Date: Wed, 22 Apr 2026 18:11:58 +0200 Subject: [PATCH] Add .work-log-row hover rule to custom.css Subtle background tint on hover to cue that the row is clickable. Applied via .work-log-row class which Tasks 6-8 added to admin-only rows in work_history.html, teams/detail.html, and projects/detail.html. Supervisors never get the class, so hover never applies for them. Deployment_timestamp cache-bust in base.html will beat Cloudflare's edge cache (per CLAUDE.md Static Assets section). Co-Authored-By: Claude Opus 4.7 (1M context) --- static/css/custom.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/static/css/custom.css b/static/css/custom.css index 283e9a5..68894ec 100644 --- a/static/css/custom.css +++ b/static/css/custom.css @@ -1481,3 +1481,13 @@ body, .card, .modal-content, .form-control, .form-select, border-color var(--transition-normal), box-shadow var(--transition-normal); } + +/* === Work log payroll: clickable row hover === */ +/* Applied only by base.html / templates that add class="work-log-row" */ +/* (admin-only; supervisors never get the class so hover doesn't apply). */ +.work-log-row { + transition: background-color 120ms ease-in-out; +} +.work-log-row:hover td { + background: var(--bg-card-hover); +}