/* convprev.css — задумка #133: миниатюра последнего сообщения в строке списка диалогов. Отдельным файлом по правилу проекта: components.css — 107 КБ, а патч несёт файл целиком. Подключается списком $addonCss в index.php, в конец : при равной силе селектора выигрывает тот, кто ниже, поэтому база остаётся нетронутой. .row-sub в базе — однострочный текст с многоточием (overflow:hidden; text-overflow:ellipsis; white-space:nowrap). Миниатюра — inline-block внутри той же строки, а не flex-раскладка: стоит переписать строку на flex, и многоточие у длинной подписи перестанет работать, потому что обрезать нужно ИМЕННО текстовый узел, а не строку целиком. */ .row-sub .cp-thumb { display: inline-block; vertical-align: -3px; width: 16px; height: 16px; margin-right: 5px; border-radius: 4px; background: var(--hover) center / cover no-repeat; flex-shrink: 0; } /* Кружок — кружком: в ленте он круглый, и в списке узнаётся по форме раньше, чем по слову. */ .row-sub .cp-thumb.cp-round { border-radius: 50%; } /* Пока висит крошечный постер (32px), кадр мягко размыт — иначе видны его квадраты. Класс снимает js, когда доедет чёткая копия. Composite-слой тут дешёвый: миниатюр в списке единицы, и это не элемент ленты, у которого своя обрезка. */ .row-sub .cp-thumb.cp-blur { filter: blur(1px); } .row-sub .cp-word { vertical-align: baseline; } /* Эмодзи-сообщение: крупнее строки, но не выше её — межстрочный интервал строки списка не двигаем, иначе строки с эмодзи и без стояли бы разной высоты. */ .row-sub .cp-emoji { font-size: 16px; line-height: 13px; vertical-align: -1px; }