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. Плюс, это счастье имеет исключительно нативный вид самой ОС.
Max Ba, какие уведомления? Alert? Вы можете задать ему только текст да получить ответ от кнопок. Вы не имеете к нему доступ ни через HTML, ни через CSS, а по JS доступ ограничен вышесказанным. Ну и опять же, объектом DOM alert не является.
Я надеюсь, что вы оттуда код не копируете, кстати, ведь он для разработки нормальной вообще не предназначен.