Кнопка эмодзи и все кнопки внутри поповера лежат в DOM внутри .chat-input-row (форма отправки) — той же формы, что и круглая зелёная кнопка «Отправить» (.chat-input-row button, специфичность 0,1,1). Голого класса .chat-emoji-trigger/.chat-emoji-option (0,1,0) для победы над этим правилом не хватало: все кнопки поповера красились в зелёный независимо от порядка объявления в файле — оттуда и «поплывший» вид после добавления коня, дело было не в самом коне. Каждый селектор уточнён родительским классом (.chat-emoji-wrap/.chat-emoji-popover), чтобы обойти гонку специфичности. Заодно сетка приведена к ровным 5 колонкам × 6 строкам — добавлены 🦾 🚀 🦞 💯 🤷♂️, теперь 30 эмодзи без неполной последней строки.
9.3 KiB
9.3 KiB