/* Стили админки поверх собранного CSS Unfold. Файл подключается через `UNFOLD["STYLES"]` (`core.unfold.admin_css`) и грузится раньше `unfold/css/styles.css`, поэтому все правила здесь — на собственных классах, а не на утилитах Unfold: перебивать их отсюда всё равно не вышло бы. */ /* Логотип в списке каналов и потоков. В строке он высотой 24 пикселя — этого хватает, чтобы заметить пустую или чужую картинку, но не хватает, чтобы её разглядеть. По наведению картинка вырастает на месте, не двигая соседние строки: `transform` не участвует в раскладке. Точка роста — левый край, иначе картинка у края таблицы уезжала бы за него. */ .logo-preview { transition: transform 120ms ease-out; transform-origin: left center; } .logo-preview:hover { position: relative; z-index: 10; transform: scale(3); } /* Владельцу, попросившему систему не анимировать интерфейс, рост оставляем, а плавность убираем: сам увеличенный логотип — не украшение, а способ его увидеть. */ @media (prefers-reduced-motion: reduce) { .logo-preview { transition: none; } } /* Ячейка с логотипом не режет увеличенную картинку. Unfold вешает на каждый `td` утилиту `overflow-hidden`, и вырастающий по наведению логотип упирался в край своей строки — у первой и последней строки таблицы это было особенно заметно. Селектор по колонке, а не по `:has()`: класс `field-logo_preview` Django ставит сам, и правило работает в любом браузере. Специфичности `td.field-…` хватает, чтобы перебить утилиту, — она из одного класса. */ td.field-logo_preview { overflow: visible; } /* Выбор канала в списке потоков. select2 считает ширину по исходному `