diff --git a/css/solar.css b/css/solar.css index 0efaffc..b3d2c58 100644 --- a/css/solar.css +++ b/css/solar.css @@ -2948,7 +2948,15 @@ input[type='range']::-webkit-slider-runnable-track { .zl-ding.vorbei { opacity: .5; } .zl-ding.vorbei .zl-etikett b { color: var(--ton-schrift-2, #9aa6ad); } .zl-ding.aktiv .zl-marke { box-shadow: 0 0 0 3px rgba(var(--zl-farbe-rgb), .25); } -.zl-ding.nichtdran .zl-marke { border-style: dashed; border-color: var(--ton-schrift-3, #6f7a81); background: transparent; } +/* Nicht dran: statt eines gestrichelten Kreises nur ein kleiner blasser Punkt + dicht am Etikett - das Kalender-Symbol darin sagt schon, was los ist. Die + Marke behaelt ihre 12px, damit Zeit, Stapeln und Kettenlinien stimmen. */ +.zl-ding.nichtdran .zl-marke { + border: 0; + background: radial-gradient(circle, var(--ton-schrift-3, #6f7a81) 2.5px, transparent 3px); +} +.zl-punkt.nichtdran .zl-etikett { margin-left: 1px; } +.zl-punkt.nichtdran.links .zl-etikett { margin-left: 0; margin-right: 1px; } .zl-ding.nichtdran .zl-etikett { background: transparent; border: 1px dashed var(--zl-linie);