Add configurable manifest-driven race audio system
This commit is contained in:
@@ -3184,3 +3184,35 @@ select:focus {
|
||||
.align-end {
|
||||
align-self: end;
|
||||
}
|
||||
|
||||
/* Race audio controls and start-light state are visual only; timing remains in the session controller. */
|
||||
.race-start-lights {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
min-height: 34px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.race-start-lights span {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
background: color-mix(in srgb, var(--text-muted) 25%, transparent);
|
||||
border: 1px solid var(--border);
|
||||
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
.race-start-lights span.is-on {
|
||||
background: #f22828;
|
||||
border-color: #ff7777;
|
||||
box-shadow: 0 0 14px rgba(242, 40, 40, 0.85);
|
||||
}
|
||||
.race-start-lights strong { margin-left: 5px; font: 600 0.72rem "Orbitron", sans-serif; color: var(--text-muted); }
|
||||
.race-control-cues { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
|
||||
.audio-event-table td:first-child { min-width: 230px; text-transform: capitalize; }
|
||||
.audio-event-table td:first-child small { display: block; color: var(--text-muted); font-weight: 400; text-transform: none; }
|
||||
.audio-event-table th:not(:first-child), .audio-event-table td:not(:first-child) { width: 90px; text-align: center; }
|
||||
.audio-event-table input[type="checkbox"] { width: 18px; height: 18px; }
|
||||
@media (max-width: 760px) {
|
||||
.audio-event-table td:first-child { min-width: 170px; }
|
||||
.race-control-cues .btn { flex: 1 1 140px; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user