Sergey
Ребят, кто нибудь знает почему теги <li> вот так в лесенку идут, и как исправить?
🅅aleriy
Sergey
а она там есть, просто скриншот так взял
Andrey
скорее всего потому что они вложенными получились
Sergey
Andrey
ну посмотри html
если отступ накапливается (лесенка) скорее всего что-то по структуре не то
Smaug
Sergey
что тут не то может быть??
Mikhail
теперь стили покажи
Sergey
Mikhail
обнули дефолтные отступы у li
Mikhail
видимо тут трабла
Mikhail
проще всего в инструментах разработчика это тупо увидеть
Sergey
я уже все там просмотрел
Mikhail
либо в каждом li присутствует что-то на всю ширину, блочный элемент какой-то, который все ломает
Andrey
или дело в том что это инлайн блок (хотя высота фиксированная)
сделай флексом
Sergey
Mikhail
над вторым и третьим элементов
Andrey
а, нет, это у картинки высота
очень возможно что выравнивание бейз лайн, а высота разная
флексбокс тебе в помощ
Mikhail
+
сделать флексом будет самым простым и понятным
Sergey
да, спасибо, флексом норм стретчит, но из-за такая хрень то?) предыдущий блок у меня точно такой же, и все норм, могу показать..
Sergey
мне теперь просто интересно что в чем причина, понимаете)))
Yuriy
привет ребята. Подскажите. как правильно реализовать переход функционал. Есть модалка с формой. По сабмиту надо закрыть модалку и перейти по роуту. Не совсем понимаю как с реакт дом роутером это сделать.
Nikolai
Nikolai
Yuriy
Nikolai
Mikhail
спам
modest
посоветуйте, пожалуйста, хорошую реализацию карусель на чистом js
Nikolai
modest
Спасибо :)
modest
modest
modest
такая реализация должна быть
Anonymous
Каким образом решаются ситуации отображения компонентов для разных страниц и для разных размеров экранов ?
Например есть сайдбар и пара страниц:
1) основная страница со списком записей
2) персональная страница конкретной записи
В десктопном разрешении
на основной странице со списком - в сайдбаре находится только компонент фильтра. На персональной странице - в десктопном варианте сайдбара вообще нет (какбы)
В мобильном варианте
на основной странице со списком - в сайдбаре к компоненту фильтра добавляется поискбар и форма логина/юзербар. На персональной странице - появляется сайдбар, которого какбы не было, но в этом сайдбре не должно быть компонента фильтра ))
Nikolai
Nikolai
Если компоненты не перемещаются по лейатуту можно в стилях даже скрыть тупо
Aza 👁️
Anonymous
Conditional rendering?
Делать буделевые пропсы компоненту сайдбара
для каждого его внутреннего компопнента ? ))
modest
🅅aleriy
🅅aleriy
если вопрос только в тут показать сайдбар, а тут нет, то по условию рендерить
🅅aleriy
ну и соответственно билдить проект для разных таргетов
🅅aleriy
и отдавать с веб сервера мобилам мобильное приложение, десктопам десктопное и т.д.
🅅aleriy
ну если сильно отличаются виды, то если делать логику этих различий внутри одного компонента - будет каша
🅅aleriy
часто видел в проектах разбитие на три подпапки
🅅aleriy
mobile, tablet, desktop
🅅aleriy
и common
🅅aleriy
в зависимости от переменной окружения собирается нужное
Nikolai
Anonymous
можно попробывать со стилями как предложил @Baxxterkhv
Засунуть в сайдбар все что там может быть и
через css конкретных страниц, прятать часть элементов за счет специфичности селекторов и разных медиа запросов.
🅅aleriy
Nikolai
🅅aleriy
🅅aleriy
ты билдишь проект для разных платформ
🅅aleriy
в юзер агенте видишь откуда запрос:
User-Agent: Mozilla/5.0 (X11; Fedora; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36
🅅aleriy
веб сервер это определяет и в зависимости от агента отдает нужный билд клиенту
🅅aleriy
без лишних стилей, без лишних проверок внутри приложения
Nikolai
Потому что это в рантайме должно опреляться от вьюпорта и фетчить нужный компонент под ширину
Nikolai
Юзер агент может вообще быть левый, это не достоверная информация о клиенте
arthur
🅅aleriy
🅅aleriy
мы же не про хакеров сейчас говорим
Nikolai
Ну сам по себе подход на 2-3 вида компонентов уже какой то странный. Есть же @media в css, есть условный рендеринг для кейсов которые css не покрывает
🅅aleriy
а про обычных юзеров, которым не нужно скрывать свой юзерагент
🅅aleriy
🅅aleriy
а не просто стили
🅅aleriy
речь о поряде расположения компонентов и их вложенности
🅅aleriy
но ты в любом случае имеешь инфу о разрешении экрана юзера
Nikolai
🅅aleriy
Звучит как оправдание
думаешь пользователю мобильного приложения в кайф осознавать что подтягивая твой сайт в браузер он тащит адптивную верстку которая ему не нужна еще для пары тройки разрешений