Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 August 21

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
)) ладно. Это ж не на всю жизь) завтра вернётся. Надеюсь не сильно его обидели
источник

Б

Богдан in HTML/CSS — русскоговорящее сообщество
Большое спасибо
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
😊
источник

Б

Богдан in HTML/CSS — русскоговорящее сообщество
просто неоднозначный хак с tabindex і focus
источник

Б

Богдан in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
Это связанно с поведением ховера на тач устройствах.

Первый клик триггерит ховер в цсс а второй клик переход по ссылке.

Подробнее  тут https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html
статью просмотрел но про hover так и не нашел )))
источник

Б

Богдан in HTML/CSS — русскоговорящее сообщество
и может подскажешь, еще один маленький табл. если например был открыт пункт, потом открыть другой, то получается что скролл остается на месте и уже визуальной части мы видим уже не тот пункт который открывали, есть вариант как это пофиксить?
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Богдан
и может подскажешь, еще один маленький табл. если например был открыт пункт, потом открыть другой, то получается что скролл остается на месте и уже визуальной части мы видим уже не тот пункт который открывали, есть вариант как это пофиксить?
Сорь не у компа.. Пожже
источник

🅚

🅚🅘🅝🅓🅔🅡🅦🅞🅝🅓... in HTML/CSS — русскоговорящее сообщество
Богдан
и может подскажешь, еще один маленький табл. если например был открыт пункт, потом открыть другой, то получается что скролл остается на месте и уже визуальной части мы видим уже не тот пункт который открывали, есть вариант как это пофиксить?
Жсом
источник

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
А может кто-нибудь подсказать с данной конструкцией?
<svg class="icon" fill="currentColor">
             <use xlink:href="assets/img/SVG.svg#riot-title"></use>
</svg>

Без viewbox svg'шка занимает 150 пикселей(по дефолтному размеру картинки, даже учитывая, что картинка меньше, т.е. остается куча пустого пространства), если viewbox прописать, то занимает столько, сколько занимает картинка(как и должно быть)
Как это вылечить можно?
источник

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
Я "импортирую" из файла спрайта и вручную прописывать вьюбокс для каждой иконки как-то неоч
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
Tgl Pl
Я "импортирую" из файла спрайта и вручную прописывать вьюбокс для каждой иконки как-то неоч
Ну как бы viewbox должен быть у каждой иконки
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
Держу в курсе
источник

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
У меня вот так сделано
<symbol id="riot-title" viewBox="0 0 79 40" xmlns="http://www.w3.org/2000/svg">
       <g>
           <path
               d="M74.8115 35............" />
       </g>
   </symbol>
источник

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
Т.е. вьюбокс тут указывается, а не в svg в которой используется
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
Tgl Pl
Т.е. вьюбокс тут указывается, а не в svg в которой используется
Да
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
И символу не нужно задавать xmlns
источник

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
Окей, но я не совсем понимаю на счет того, что у меня по приколу на ненужное пространство растягивается картинка
источник

KA

Kenan Ayvazov in HTML/CSS — русскоговорящее сообщество
Tgl Pl
Окей, но я не совсем понимаю на счет того, что у меня по приколу на ненужное пространство растягивается картинка
Ну у тебя свг не знает какого размера иконка - вот и растягивает
источник

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
Т.е. нужна обязательно какая-то обертка с фиксированной высотой?
источник

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
Я допер уже до этого, но может есть более гибкий вариант
источник