Korsia, я без понятия, как там у вас что сделано, у меня лично всё просто.
Вот для теста сделал элемент — текстовой слой, где я поставил тексту цвет #fff. Потом я выделил одно слово внутри и ему поставил заливку красного цвета, и я могу это видеть отчётливо в панели, когда курсор ставлю на это слово:
Без понимания структуры макета (на вашем скриншоте нет её) сложно что-то сказать, если не выходит сделать так, как я описал выше.
Korsia, я имею в виду выделить именно покрашенное слово. Если не получается мышью — то поставить курсор в середине слова, зажать Shift и стрелками выделить несколько букв.
Но поддержка пока только у Safari и самого последнего Chrome. Скоро добавят в Firefox. Всё остальное — визуальным хаком на просчете ширины блока и размера фона + дублирование фона в блок.
Либо писать правила для всех путей (это долго + нужно в разметку вставлять SVG напрямую и без #use).
Либо так с двумя блоками, которые показываются по очереди при наведении:
Только для простоты нужно либо просто на фон вешать, либо выносить в спрайт и вызывать иконку через #use. Я просто SVG в разметку вставил для скорости. Мне нормально делать лень, думаю, идея будет понятна в любом случае.
ART4, либо, если через JS, то по клику на label нужно предотвращать стандартное действие и делать условие, мол, если если клик не прошел по кнопке или списку, то кликать input, а если по кнопке — то открывать список второго уровня.
Вы уже спрашивали. Нужно либо вынести стрелку за пределы блока, где срабатывает выделение фильтра, либо на JS обрабатывать со всему всплытиями это дело и т. п.
Выделите нужный слой (или группу слоёв), щёлкните по нему правой клавишей мыши и сконвертируйте его в умный объект (smart object) или как там его и экспортируйте в SVG.
Max Ba, ну тут проблема в том, что если это и сделают такую штуку, то стили поменять не будет никакой возможности. Как и в случае alert да notification, она не будет объектом DOM и её не через HTML надо будет добавлять. Поэтому для таких панелей эту штуку никто использовать не будет.
Плюс, тут тянется сразу много UX-моментов: какой будет механизм сокрытия, как панель будет открываться, ширина, максимальная ширина панели и т. п. Эти вещи зачастую вариативные, не говоря уже про именно контент.
Проще один раз сверстать такую штуку и затем использовать её как компонент. Если вы пользуетесь JS-фреймворком, то там вообще можно сразу сделать полноценный компонент такой панели. И у вас при этом будет полный доступ ко всему (HTML, CSS, JS).
Max Ba, а если вы хотите свой собственный вид окна для подписки на уведомления, то вам придётся придётся его верстать и программировать самостоятельно, как это делается на других сайтах, тогда у вас будет полный контроль над внешним видом и функциями.
Max Ba, такая же песня. Вы ничего не поменять не можете. Даже текст нельзя, как я помню. Только можете получить ответ от кнопки OK. Плюс, это счастье имеет исключительно нативный вид самой ОС.
Вот для теста сделал элемент — текстовой слой, где я поставил тексту цвет #fff. Потом я выделил одно слово внутри и ему поставил заливку красного цвета, и я могу это видеть отчётливо в панели, когда курсор ставлю на это слово:
Без понимания структуры макета (на вашем скриншоте нет её) сложно что-то сказать, если не выходит сделать так, как я описал выше.