yaparoff

тогда придется по старинке делать через png )) мне интересно а можно как то добиться того чтобы такая иконка превращалась в такую но при этом происходило это плавно, как подсвечивание? Не так важно через что это делать

не не клик не надо мне нужно чтобы при наведении svg становился вот такой я при hover написал что у него свойство fill меняется но когда из спрайта вызываешь, этот hover почему то не срабатывает .like-icon:hover .like-icon__stroke { fill: #499DDE; transition: fill 0.2s ease-out; }

вроде работает нормально. Но теперь почему то при наведении закрашивание не срабатывает если я ссылкаюсь на спрайт. А если без спрайта вызываю иконку - то все ок. Почему такое может происходить? https://jsfiddle.net/ezjaw4Lc/

спасибо! Пошел разбираться. Скажите есть смысл делать на проекте svg-спрайт (в моем случае) и оттуда тянуть эти иконки? До этого на проекте не было свг, как я понял, и иконки брались из png файлов и png-спрайтов Просто я почиатл как вставлять свг-спрайт - там надо что то с сервером делать и т.п. А дергать прогеров как то не хочется Или можно просто вставить в разметку и все?

у svg должно быть три состояния обычное, при наведении, при нажатии думаю как это сделать Vне бы хотелось его вставить в html разметку, а не просто с помощью bsckground-position. Т.к. я хочу анимации при наведении (transition). И я могу менять цвет обводки с помощью css-свойства fill. Но есть еще одно состояние когда картинка полностью закрашена. Как сделать чтобы то же свг закрашивалось полностью (например при добавлении класса)? У меня не получается просто добавить css свойство для этого Какие есть еще идеи? https://jsfiddle.net/ypqz5Lh6/

в общем я потыкался и задал блоку "requests-popup__content-wrapper" max-height: calc(100 vh - .....) и все сработало

то, но он не срабатывает когда нужно. Вот например: ситуация когда по высоте попап не влезает в экран и должен появится скролл. Но он не появляется http://skrinshoter.ru/s/220319/PvdpH25Q?a

Если коротко: нужно чтобы попап при мелкой высоте влазил в экран, за счет появления полосы прокрутки (у попапа есть динамически появляющиеся поля)

Если коротко: нужно чтобы попап при мелкой высоте влазил в экран, за счет появления полосы прокрутки (у попапа есть динамически появляющиеся поля) Подробнее: Есть попап. На мобилках он отображается на всю высоту экрана. Его низ должен быть всегда прижат (к низу). Но усложняет задачу то что могут появляться динамические поля Когда нажимаем радиобаттон, всплывают новые поля. Т.е. высота полей не определена. При этом если внутренности попапа не влезают по вертикали (на мелких по высоте экранах), нужно чтобы появлялась полоса прокрутки. Вот тут я не знаю какую макс высоту назначить чтобы эта полоса появлялась. Как решить эту проблему? Пробовал делать флексбоксом, а также с помощью position: relative, absolute Код здесь. Нужно уменьшить рабочую область меньше 768 пикселей https://codepen.io/anon/pen/ywQNPR

Есть реализация звездного рейтинга. Она работает. Но аттрибут checked не перемещается на выбранный инпут, а остается там же где был. Вот например, стоит оценка 3 из 10 (т.е. аттрибут checked на 3 инпуте), мы хотим поставить оценку 6 из 10 и визуально это срабатывает, но аттрибут checked так и остается на 3-ем инпуте вместо 6-го. Это важно, т.к. эта информация нужна бэкэндеру. Получается ему придет неверная информация Как сделать чтобы аттрибут checked тоже пермещался на выбранный инпут? Только на js это получится реализовать? https://codepen.io/anon/pen/NJGMgv

Почитал внимательно доку и решил задачу. Вот такую штуку надо написать для экранирования != https://codepen.io/anon/pen/bOWzwG

нужно чтобы через jade отобразились корректно "см2". Ну чтобы цифра 2 была мелкой и выше. В HTML делается с помощью тега <sup> Но как этот тег передать, если я передаю строку в миксин jade ? +input('name', 'Площадь, см2') +input('name', 'Площадь, см²') https://codepen.io/anon/pen/XoMXdj

проблема вообще в том что сайт на кодировке windows-1251 и нужно вставить знак рубля ₽ На статичной верстке его видно, а когда интегрируем на сайт - нет. Вот я и думаю в чем проблема в jade или просто кодировка windows-1251 не поддерживает этот знак?

Допустим есть такой код в JADE for item in [{label: "Лимит ДЗ: ", value: "756 ★"}, {label: "Остаток лимита ДЗ:", value: "756 ★"}] .calculator-detail__info-row .calculator-detail__info-label= item.label .calculator-detail__info-value= item.value как вставить в item.value какой-нибудь спецсимвол (допустим "&#9733;")

Есть лейбл. По задумке дизайнера этот лейбл должен прижиматься к тексту и расстояние между лейблом и текстом должно быть 10 пикселей. Но вот когда текст переноситься это не срабатывает: лейбл прижимается к правому краю. Вот так http://skrinshoter.ru/s/121218/eVuL33Lz Понятно что дизайнеру не хотелось бы чтоб было так. Но как сделать это чтоб соответствовало его задумке - хз. https://codepen.io/anon/pen/OrVBKN

Switch74, в этой реализации поля появляютсяс помощью js. Я делал такую же реализацию, но бэкэндеры сказали мне что лучше будет, если поля уже будут в верстке и появляться будут только с помощью стилей. Вот и сижу сейчас голову ломаю

Порядок полей идет сверху вниз. По вертикали может помещаться 4 поля Если поля не помещаются в ширину контейнера, то они должны переноситься на следующую строку Сверстал это гридами, но почему то не переноситься на следующую строку https://codepen.io/anon/pen/OaqQNd

При нажатии на кнопку появляется новое поле. Порядок полей идет сверху вниз. По вертикали может помещаться 4 поля http://skrinshoter.ru/s/031218/LKi6NuB4 Если поля не помещаются в ширину контейнера, то они должны переноситься на следующую строку Сделал это на флексбоксе, но поля не переносятся на другую строку при переполненном контейнере https://codepen.io/anon/pen/QJoaXX

Жирный шрифт выглядит не так как на макете. На верстке он какой то размытый. Почему такое может быть? http://skrinshoter.ru/s/231118/OzRayo2e решил вопрос: нужно было прописать тегу отдельно font-family: "RobotoBold";

Сверстал сайдбар с кастомным скроллом, подключил библиотеку для этих целей. Все работает нормально. Но когда проверяешь на browserStack на IE 11, то верстка ломается: Примечательно что когда отключаю эту библиотеку с кастомным скроллом, то на IE все становиться нормально, а когда она подключена вот такая вот ерунда получается. Да, библиотека оборачивает блоки своими блоками, я это учел и прописал свойства наподобие этих: .sidebar__wrapper .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { display: flex; flex-direction: column; min-height: 100vh; } И еще интересный момент: у меня на компьютере тоже есть IE11, но на моем IE11 все отображается нормально а на IE11 у browserStack верстка ломается. Ну это ладно, раз на browserStack ломается, значит надо править. Сама верстка здесь http://test-scrollbar.surge.sh/ (скролл появляется, когда сайдбар не вмещается по высоте на страницу)

Здравствуйте, коллеги Стоит такая задача: Нужно сверстать это http://skrinshoter.ru/s/021118/W9m2mQjv При этом при клике на разные части, они будут закрашиваются в разные цвета Например кликаешь на колесо один раз - оно желтое второй раз - оно красное третий раз - оно опять белое Кликаешь на ось - оно закрашивается в другой цвет Как это сделать? Прежде всего интересует как сверстать это. А над js-ом потом буду думать

Есть блок у которого есть вертикальная прокрутка. У него есть потомок, который спозиционирован абсолютно. Но этот абсолютно-спозиционированный потомок не вылазит через полосу прокрутки, а прячется за ней http://skrinshoter.ru/s/221018/KVTFyMBR Как сделать чтобы он не прятался? z-index не помогает https://codepen.io/anon/pen/OBwQEb

просто тогда нижний блок не прибивается к низу http://skrinshoter.ru/s/221018/CBueoibk а можно ли как то только вот этому блоку добавить полосу прокрутки а не всему сайдбару? http://skrinshoter.ru/s/221018/q2922fiM

Есть фиксированный сайдбар. Высота его 100vh. Если экран монитора низкий и пункты это блока не полностью влазят, то у него должна появляться полоса прокрутки http://skrinshoter.ru/s/221018/q2922fiM Добавил ему свойство overflow-y: auto; Какую сделать минимальную высоту не знаю, потому что здесь может быть сколько угодно пунктов https://codepen.io/anon/pen/PyBmrm

хорошая идея, но в тот момент когда сайдбар станет фиксированным мы можем столкнуться с тем же http://skrinshoter.ru/s/161018/xV91Tuns?a