From 5ac2142c702462b644888ac52fd98c106e4ac679 Mon Sep 17 00:00:00 2001 From: aaverbitskiy Date: Mon, 17 Aug 2026 05:40:41 +0000 Subject: [PATCH] =?UTF-8?q?=D0=94=D0=B0=D1=82=D0=B0=D0=BF=D0=B8=D0=BA?= =?UTF-8?q?=D0=B5=D1=80:=20=D0=B4=D0=BD=D0=B8=20=D0=B4=D0=B8=D0=B0=D0=BF?= =?UTF-8?q?=D0=B0=D0=B7=D0=BE=D0=BD=D0=B0=20=E2=80=94=20=D0=BE=D1=82=D0=B4?= =?UTF-8?q?=D0=B5=D0=BB=D1=8C=D0=BD=D1=8B=D0=B5=20=D0=BA=D1=80=D1=83=D0=B6?= =?UTF-8?q?=D0=BA=D0=B8=20=D0=BE=D0=B4=D0=BD=D0=BE=D0=B3=D0=BE=20=D1=80?= =?UTF-8?q?=D0=B0=D0=B7=D0=BC=D0=B5=D1=80=D0=B0=20(27px)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Промежуточные дни диапазона были сплошной заливкой-пилюлей; теперь каждый — отдельный светлый кружок 27px, вровень с акцентными кружками концов (тоже 27px). Убраны соединяющие полу-градиенты у концов. Задеплоено на прод поверх v0.2.15 без нового тега. Co-Authored-By: Claude Opus 4.8 --- frontend/src/styles.css | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/frontend/src/styles.css b/frontend/src/styles.css index f65167e..a31b2e8 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -152,11 +152,9 @@ header { .dr-wd { text-align: center; font-size: 11px; color: var(--text-muted); padding-bottom: 4px; } .dr-day { position: relative; border: none; background: none; padding: 2px 0; cursor: pointer; display: flex; align-items: center; justify-content: center; height: 30px; } .dr-day::before { content: ""; position: absolute; inset: 0; z-index: 0; } -.dr-day.rng::before { background: #eef0fe; } -.dr-day.s::before { background: linear-gradient(to right, transparent 50%, #eef0fe 50%); } -.dr-day.e::before { background: linear-gradient(to left, transparent 50%, #eef0fe 50%); } -.dr-day.s.e::before { background: transparent; } -.dr-num { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; font-size: 12px; color: var(--text); } +/* In-range days: a separate light circle, same 27px diameter as the endpoints. */ +.dr-day.rng::before { inset: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 27px; height: 27px; border-radius: 50%; background: #eef0fe; } +.dr-num { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; border-radius: 50%; font-size: 12px; color: var(--text); } .dr-day:hover .dr-num { background: var(--surface-2); } .dr-day.s .dr-num, .dr-day.e .dr-num { background: var(--accent); color: #fff; font-weight: 600; } .dr-day.s:hover .dr-num, .dr-day.e:hover .dr-num { background: var(--accent); }