Sergey
Ребят, кто нибудь знает почему теги <li> вот так в лесенку идут, и как исправить?
🅅aleriy
Ребят, кто нибудь знает почему теги <li> вот так в лесенку идут, и как исправить?
а что будет если добавить надписи под последней картинкой?
Sergey
а она там есть, просто скриншот так взял
Andrey
скорее всего потому что они вложенными получились
Andrey
ну посмотри html если отступ накапливается (лесенка) скорее всего что-то по структуре не то
Sergey
что тут не то может быть??
Mikhail
теперь стили покажи
Sergey
Mikhail
обнули дефолтные отступы у li
Mikhail
видимо тут трабла
Mikhail
проще всего в инструментах разработчика это тупо увидеть
Sergey
я уже все там просмотрел
Mikhail
либо в каждом li присутствует что-то на всю ширину, блочный элемент какой-то, который все ломает
Andrey
или дело в том что это инлайн блок (хотя высота фиксированная) сделай флексом
Mikhail
я уже все там просмотрел
там 100% видно, наведи мышку на это неправильное белое пространство
Mikhail
над вторым и третьим элементов
Andrey
а, нет, это у картинки высота очень возможно что выравнивание бейз лайн, а высота разная флексбокс тебе в помощ
Mikhail
+ сделать флексом будет самым простым и понятным
Sergey
да, спасибо, флексом норм стретчит, но из-за такая хрень то?) предыдущий блок у меня точно такой же, и все норм, могу показать..
Sergey
мне теперь просто интересно что в чем причина, понимаете)))
Yuriy
привет ребята. Подскажите. как правильно реализовать переход функционал. Есть модалка с формой. По сабмиту надо закрыть модалку и перейти по роуту. Не совсем понимаю как с реакт дом роутером это сделать.
Yuriy
<Redirect/> или history.push
как в then промиса запихнуть Redirect? хистори.пуш лишь меняет адресную строку, но не рендерит нужную страницу
Nikolai
как в then промиса запихнуть Redirect? хистори.пуш лишь меняет адресную строку, но не рендерит нужную страницу
redirect для рендера, history.push меняет путь, а роутер рендерит нужный роут исходя из пути
Nikolai
как в then промиса запихнуть Redirect? хистори.пуш лишь меняет адресную строку, но не рендерит нужную страницу
нюанс один: экземпляр history нужно брать тот с которым работает роутер (из пропса history если обернуть в withRouter например)
Yuriy
нюанс один: экземпляр history нужно брать тот с которым работает роутер (из пропса history если обернуть в withRouter например)
можно обернуть только тот компонент который юзает хистори? главное браузер роутер должен быть снаружи
Mikhail
спам
modest
посоветуйте, пожалуйста, хорошую реализацию карусель на чистом js
modest
Спасибо :)
Sergei
посоветуйте, пожалуйста, хорошую реализацию карусель на чистом js
Ну если для реакта, то https://www.npmjs.com/package/react-web-tools
modest
modest
такая реализация должна быть
Anonymous
Каким образом решаются ситуации отображения компонентов для разных страниц и для разных размеров экранов ? Например есть сайдбар и пара страниц: 1) основная страница со списком записей 2) персональная страница конкретной записи В десктопном разрешении на основной странице со списком - в сайдбаре находится только компонент фильтра. На персональной странице - в десктопном варианте сайдбара вообще нет (какбы) В мобильном варианте на основной странице со списком - в сайдбаре к компоненту фильтра добавляется поискбар и форма логина/юзербар. На персональной странице - появляется сайдбар, которого какбы не было, но в этом сайдбре не должно быть компонента фильтра ))
Nikolai
Если компоненты не перемещаются по лейатуту можно в стилях даже скрыть тупо
Aza 👁️
Секс ножки😄😄😄
Anonymous
Conditional rendering?
Делать буделевые пропсы компоненту сайдбара для каждого его внутреннего компопнента ? ))
modest
Nikolai
Делать буделевые пропсы компоненту сайдбара для каждого его внутреннего компопнента ? ))
Я бы сделал один пропс типа isMain. А внутри сайдбара уже проверял медиа и рендерил сайдбар в нужном состоянии или ничего.
🅅aleriy
если вопрос только в тут показать сайдбар, а тут нет, то по условию рендерить
🅅aleriy
ну и соответственно билдить проект для разных таргетов
🅅aleriy
и отдавать с веб сервера мобилам мобильное приложение, десктопам десктопное и т.д.
Anonymous
если вопрос только в тут показать сайдбар, а тут нет, то по условию рендерить
это понятно, но там еще и компоненты внутри сайдбара по разному отображаются для разных страниц - в этом сложность
🅅aleriy
ну если сильно отличаются виды, то если делать логику этих различий внутри одного компонента - будет каша
🅅aleriy
часто видел в проектах разбитие на три подпапки
🅅aleriy
mobile, tablet, desktop
🅅aleriy
и common
🅅aleriy
в зависимости от переменной окружения собирается нужное
Nikolai
в зависимости от переменной окружения собирается нужное
А как потом определить что отдать клиенту?
🅅aleriy
А как потом определить что отдать клиенту?
вебсервер типа nginx по user-agent определяет
Anonymous
можно попробывать со стилями как предложил @Baxxterkhv Засунуть в сайдбар все что там может быть и через css конкретных страниц, прятать часть элементов за счет специфичности селекторов и разных медиа запросов.
🅅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
Юзер агент может вообще быть левый, это не достоверная информация о клиенте
🅅aleriy
мы же не про хакеров сейчас говорим
Nikolai
Ну сам по себе подход на 2-3 вида компонентов уже какой то странный. Есть же @media в css, есть условный рендеринг для кейсов которые css не покрывает
🅅aleriy
а про обычных юзеров, которым не нужно скрывать свой юзерагент
🅅aleriy
Ну сам по себе подход на 2-3 вида компонентов уже какой то странный. Есть же @media в css, есть условный рендеринг для кейсов которые css не покрывает
так речь о том, что в зависимости от платформы клиента может меняться сама структура документа
🅅aleriy
а не просто стили
Nikolai
мы же не про хакеров сейчас говорим
Куча китайских андроид-стмартфонов и их дефолтные браузеры могут легко выдавать себя за десктоп
🅅aleriy
речь о поряде расположения компонентов и их вложенности
🅅aleriy
Куча китайских андроид-стмартфонов и их дефолтные браузеры могут легко выдавать себя за десктоп
ну ради бога это проблема клиента, особенно если поставить галочку "Полная версия" то в десктоп режим перейдет
🅅aleriy
но ты в любом случае имеешь инфу о разрешении экрана юзера
🅅aleriy
Звучит как оправдание
думаешь пользователю мобильного приложения в кайф осознавать что подтягивая твой сайт в браузер он тащит адптивную верстку которая ему не нужна еще для пары тройки разрешений