From bd7bf60b33c884add755308709d208bcfa49d623 Mon Sep 17 00:00:00 2001 From: Anton Vakhrushev Date: Fri, 17 Jul 2026 20:16:38 +0300 Subject: [PATCH] =?UTF-8?q?=D0=92=D0=B5=D0=B1-UI:=20=D0=BF=D0=B5=D1=80?= =?UTF-8?q?=D0=B5=D0=BD=D0=BE=D1=81=20=D0=B4=D0=BB=D0=B8=D0=BD=D0=BD=D1=8B?= =?UTF-8?q?=D1=85=20=D0=B7=D0=BD=D0=B0=D1=87=D0=B5=D0=BD=D0=B8=D0=B9=20.kv?= =?UTF-8?q?=20(=D1=84=D0=B8=D0=BA=D1=81=20=D0=B3=D0=BE=D1=80=D0=B8=D0=B7?= =?UTF-8?q?=D0=BE=D0=BD=D1=82=D0=B0=D0=BB=D1=8C=D0=BD=D0=BE=D0=B3=D0=BE=20?= =?UTF-8?q?=D1=81=D0=BA=D1=80=D0=BE=D0=BB=D0=BB=D0=B0=20=D0=BD=D0=B0=20?= =?UTF-8?q?=D0=BC=D0=BE=D0=B1=D0=B8=D0=BB=D1=8C=D0=BD=D0=BE=D0=BC)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Блок «Информация о торренте» на /download/{id} на узком экране выталкивал страницу за вьюпорт: grid-blowout на `.kv` (grid-template-columns:auto 1fr) из-за неразрывного 40-символьного infohash — дефолтный min-width:auto грид- элемента не давал колонке 1fr сжаться уже min-content хэша. Точечный фикс (вариант «а»): `.kv dd{overflow-wrap:anywhere;min-width:0}` + `.kv dd.mono{word-break:break-all}`. Правка штатно чинит и потенциально длинный RecTitle в блоке «Распознано как» (тот же `.kv`). На обычной ширине вёрстка не меняется. Co-Authored-By: Claude Opus 4.8 (1M context) --- web/static/css/jellybit.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/web/static/css/jellybit.css b/web/static/css/jellybit.css index 81ae2a8..8af85a3 100644 --- a/web/static/css/jellybit.css +++ b/web/static/css/jellybit.css @@ -447,8 +447,8 @@ table.tbl .size{font-family:var(--mono);color:var(--text-dim);white-space:nowrap /* key-value список */ .kv{display:grid;grid-template-columns:auto 1fr;gap:7px var(--sp-4);font-size:var(--fs-sm);margin:0} .kv dt{color:var(--text-faint);white-space:nowrap} -.kv dd{margin:0;color:var(--text);text-align:right;font-variant-numeric:tabular-nums} -.kv dd.mono{font-family:var(--mono)} +.kv dd{margin:0;color:var(--text);text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0} +.kv dd.mono{font-family:var(--mono);word-break:break-all} /* плитки статов */ .stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--sp-3)}