Merge: t-paliad-099 — entity-table cursor matches behavior across all consumers

This commit is contained in:
m
2026-05-02 11:17:11 +02:00
6 changed files with 27 additions and 6 deletions

View File

@@ -85,7 +85,7 @@ export function renderAdminAuditLog(): string {
<div id="audit-feedback" className="form-msg" style="display:none" />
<div className="entity-table-wrap admin-audit-table-wrap">
<table className="entity-table admin-audit-table">
<table className="entity-table entity-table--readonly admin-audit-table">
<thead>
<tr>
<th data-i18n="admin.audit.col.time">Zeit</th>

View File

@@ -70,7 +70,7 @@ export function renderAdminEventTypes(): string {
<h3 className="section-heading" data-i18n="admin.event_types.section.firm_wide">Firmenweite Typen</h3>
<div className="entity-table-wrap admin-team-table-wrap">
<table className="entity-table admin-team-table">
<table className="entity-table entity-table--readonly admin-team-table">
<thead>
<tr>
<th className="aet-col-check" />
@@ -101,7 +101,7 @@ export function renderAdminEventTypes(): string {
</p>
<div className="entity-table-wrap admin-team-table-wrap">
<table className="entity-table admin-team-table">
<table className="entity-table entity-table--readonly admin-team-table">
<thead>
<tr>
<th data-i18n="admin.event_types.col.label">Bezeichnung</th>

View File

@@ -41,7 +41,7 @@ export function renderAdminPartnerUnits(): string {
<div id="pu-feedback" className="form-msg" style="display:none" />
<div className="entity-table-wrap admin-team-table-wrap">
<table className="entity-table admin-team-table">
<table className="entity-table entity-table--readonly admin-team-table">
<thead>
<tr>
<th data-i18n="admin.partner_units.col.name">Name</th>

View File

@@ -65,7 +65,7 @@ export function renderAdminTeam(): string {
<div id="admin-team-feedback" className="form-msg" style="display:none" />
<div className="entity-table-wrap admin-team-table-wrap">
<table className="entity-table admin-team-table">
<table className="entity-table entity-table--readonly admin-team-table">
<thead>
<tr>
<th data-i18n="admin.team.col.name">Name</th>

View File

@@ -323,7 +323,7 @@ export function renderSettings(): string {
<div className="caldav-log-card">
<h2 data-i18n="caldav.log.heading">Letzte Synchronisationen</h2>
<table className="entity-table caldav-log-table">
<table className="entity-table entity-table--readonly caldav-log-table">
<thead>
<tr>
<th data-i18n="caldav.log.col.time">Zeitpunkt</th>

View File

@@ -4295,6 +4295,20 @@ input[type="range"]::-moz-range-thumb {
background: var(--color-bg-lime-tint);
}
/* t-paliad-099: opt-out for tables whose rows do NOT navigate. The default
.entity-table styling primes every row with cursor: pointer and a hover
highlight, which lies for read-only summary tables (audit log, CalDAV
sync log) and for admin tables where all actions live in inline buttons
(admin-team, admin-event-types, admin-partner-units). Apply this modifier
on the <table> to neutralise the row-level click affordance. */
.entity-table--readonly tbody tr {
cursor: default;
}
.entity-table--readonly tbody tr:hover {
background: transparent;
}
.entity-table td {
padding: 0.75rem 1rem;
vertical-align: middle;
@@ -8265,6 +8279,13 @@ dialog.quick-add-sheet::backdrop {
background: var(--color-bg-lime-tint);
}
/* t-paliad-099: readonly opt-out also wins in dark mode. The generic
dark-theme hover rule above outranks the .entity-table--readonly base
rule on specificity, so re-state the override here scoped to dark. */
:root[data-theme="dark"] .entity-table--readonly tbody tr:hover {
background: transparent;
}
/* Light-mode placeholder scrollbar tinting — already cream-channel alpha
on the sidebar (which is midnight in both themes). On the body in dark
mode, the browser-default scrollbar is dark via color-scheme, so no