From 4685301773bc0769576aed35c981b061cc392cf8 Mon Sep 17 00:00:00 2001
From: Vladislav Kopnin <vlad.kopnen@mail.ru>
Date: Mon, 21 Sep 2026 23:03:51 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A4=D1=80=D0=BE=D0=BD=D1=82:=20=D0=B4=D0=BB?=
 =?UTF-8?q?=D0=B8=D0=BD=D0=BD=D1=8B=D0=B5=20=D1=81=D1=81=D1=8B=D0=BB=D0=BA?=
 =?UTF-8?q?=D0=B8=20=D0=BF=D0=B5=D1=80=D0=B5=D0=BD=D0=BE=D1=81=D1=8F=D1=82?=
 =?UTF-8?q?=D1=81=D1=8F,=20=D0=B0=20=D0=BD=D0=B5=20=D1=80=D0=B0=D1=81?=
 =?UTF-8?q?=D1=82=D1=8F=D0=B3=D0=B8=D0=B2=D0=B0=D1=8E=D1=82=20=D0=BA=D0=B0?=
 =?UTF-8?q?=D1=80=D1=82=D0=BE=D1=87=D0=BA=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

На телефонах ссылка вида https://next.uniyar.ac.ru/course/view.php?id=407
в поле аудитории растягивала карточку занятия и страницу по горизонтали.

- .period и .room-row: grid-колонка контента minmax(0, 1fr), иначе
  трек не может сжаться ниже min-content длинного слова
- .lesson и .room-card: min-width: 0 + word-break: break-word +
  overflow-wrap: anywhere (перенос по буквам, работает и в старых iOS)
- у main min-width: 0 уже был, так что переполнение ушло
---
 src/frontend/static/style.css | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/frontend/static/style.css b/src/frontend/static/style.css
index 72723f1..2045735 100644
--- a/src/frontend/static/style.css
+++ b/src/frontend/static/style.css
@@ -371,7 +371,7 @@ main {
 .period {
   padding: 8px 14px;
   display: grid;
-  grid-template-columns: 96px 1fr;
+  grid-template-columns: 96px minmax(0, 1fr);
   gap: 14px;
   border-bottom: 1px solid var(--border);
 }
@@ -414,6 +414,10 @@ main {
   border: 1px solid var(--border);
   padding: 7px 11px;
   background: var(--surface-2);
+  min-width: 0;
+  /* длинные ссылки/слова переносятся, а не растягивают карточку на телефоне */
+  word-break: break-word;
+  overflow-wrap: anywhere;
 }
 
 .lesson:hover { border-color: var(--accent); }
@@ -575,7 +579,7 @@ main {
   .side-menu a.active { border-bottom-color: #ffffff; }
 
   main { padding: 16px 12px 30px; }
-  .period { grid-template-columns: 80px 1fr; gap: 10px; }
+  .period { grid-template-columns: 80px minmax(0, 1fr); gap: 10px; }
 }
 
 /* ---- занятость аудиторий по дню ---- */
@@ -652,6 +656,9 @@ main {
   border: 1px solid var(--border);
   padding: 14px;
   margin-bottom: 12px;
+  min-width: 0;
+  word-break: break-word;
+  overflow-wrap: anywhere;
 }
 
 .room-title { line-height: 1.3; }
@@ -664,7 +671,7 @@ main {
 
 .room-row {
   display: grid;
-  grid-template-columns: 96px 1fr;
+  grid-template-columns: 96px minmax(0, 1fr);
   gap: 12px;
   padding: 10px 0;
   border-top: 1px solid var(--border);