Кабинет: поиск клиентов с подсказками, чистая страница документов, ширина настроек
Поиск клиентов (режим сотрудника): - поле поиска вынесено наверх страницы, рядом «Найти» и «Сбросить»; - браузер сам подсказывает выпадающим списком по мере ввода — договоры депозитария отдаются страницей в <datalist> (скриптов в кабинете нет, CSP остаётся строгой), список кэшируется в ядре на 10 минут; - по запросу фильтруются и учётки кабинета, и договоры депозитария, под формой показывается, сколько найдено; - шаблон LIKE экранируется, чтобы % и _ в номере договора означали себя. Документы: убраны пустое табло, «Мои заявки» и форма заказа документа — остался список готовых документов депозитария и пояснение, куда обращаться. Настройка: колонка сетки больше не растягивается широкой таблицей (min-width:0), у страницы пропал горизонтальный ползунок. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Q4YVo4UMopqT5DzicqpPjL
This commit is contained in:
@@ -191,10 +191,13 @@ input:focus, select:focus, textarea:focus { outline:2px solid var(--accent-weak)
|
||||
label { font-size:13px; font-weight:500; }
|
||||
/* Поле формы: подпись, ввод и пояснение — каждое со своей строки. Без этого label,
|
||||
input и подсказка идут в строку и «разъезжаются» на широком экране. */
|
||||
.fld { display:grid; gap:4px; align-content:start; }
|
||||
/* min-width:0 обязателен: иначе длинная строка внутри (ключ, код, ссылка) не даёт
|
||||
блоку сжаться и растягивает всю страницу — появляется горизонтальная прокрутка. */
|
||||
.fld { display:grid; gap:4px; align-content:start; min-width:0; max-width:100%; }
|
||||
.fld > * { min-width:0; }
|
||||
.fld > label { font-weight:600; }
|
||||
.fld input[type=text], .fld input[type=password], .fld input[type=email], .fld select { width:100%; max-width:460px; }
|
||||
.fld .muted { max-width:620px; line-height:1.45; }
|
||||
.fld .muted { max-width:620px; line-height:1.45; overflow-wrap:anywhere; }
|
||||
|
||||
/* ---- Баннер режима эмуляции ---- */
|
||||
.banner-mock { background:var(--warn-weak); border-bottom:1px solid var(--warn); padding:10px 24px; display:flex; align-items:center; gap:12px; font-size:13px; }
|
||||
@@ -233,6 +236,12 @@ label { font-size:13px; font-weight:500; }
|
||||
|
||||
/* ---- Админ-центр: боковые разделы + контент (macOS System Settings) ---- */
|
||||
.settings { display:grid; grid-template-columns:236px 1fr; gap:26px; align-items:start; }
|
||||
/* Колонка сетки по умолчанию не уже своего содержимого (min-width:auto), поэтому
|
||||
широкая таблица растягивала всю страницу и внизу появлялся ползунок. */
|
||||
.settings > * { min-width:0; }
|
||||
.settings-section, .settings-section .card { min-width:0; }
|
||||
.settings-section table { max-width:100%; }
|
||||
.tw { overflow-x:auto; max-width:100%; }
|
||||
.settings-nav { position:sticky; top:78px; display:flex; flex-direction:column; gap:2px; }
|
||||
.settings-nav button {
|
||||
display:flex; align-items:center; gap:11px; justify-content:flex-start;
|
||||
|
||||
Reference in New Issue
Block a user