yaparoff

Пользователь
  • Публикации

    120
  • Зарегистрирован

  • Посещение

Репутация

0 Обычная

О yaparoff

  • Звание
    Участник

Информация

  • Пол
    мужской
  • Откуда
    Ижевск

Посетители профиля

1298 просмотров профиля
  1. Сверстал сайдбар с кастомным скроллом, подключил библиотеку для этих целей. Все работает нормально. Но когда проверяешь на 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/ (скролл появляется, когда сайдбар не вмещается по высоте на страницу)
  2. Здравствуйте, коллеги Стоит такая задача: Нужно сверстать это http://skrinshoter.ru/s/021118/W9m2mQjv При этом при клике на разные части, они будут закрашиваются в разные цвета Например кликаешь на колесо один раз - оно желтое второй раз - оно красное третий раз - оно опять белое Кликаешь на ось - оно закрашивается в другой цвет Как это сделать? Прежде всего интересует как сверстать это. А над js-ом потом буду думать
  3. Есть блок у которого есть вертикальная прокрутка. У него есть потомок, который спозиционирован абсолютно. Но этот абсолютно-спозиционированный потомок не вылазит через полосу прокрутки, а прячется за ней http://skrinshoter.ru/s/221018/KVTFyMBR Как сделать чтобы он не прятался? z-index не помогает https://codepen.io/anon/pen/OBwQEb
  4. yaparoff

    Добавить полосу прокрутки

    просто тогда нижний блок не прибивается к низу http://skrinshoter.ru/s/221018/CBueoibk а можно ли как то только вот этому блоку добавить полосу прокрутки а не всему сайдбару? http://skrinshoter.ru/s/221018/q2922fiM
  5. Есть фиксированный сайдбар. Высота его 100vh. Если экран монитора низкий и пункты это блока не полностью влазят, то у него должна появляться полоса прокрутки http://skrinshoter.ru/s/221018/q2922fiM Добавил ему свойство overflow-y: auto; Какую сделать минимальную высоту не знаю, потому что здесь может быть сколько угодно пунктов https://codepen.io/anon/pen/PyBmrm
  6. хорошая идея, но в тот момент когда сайдбар станет фиксированным мы можем столкнуться с тем же http://skrinshoter.ru/s/161018/xV91Tuns?a
  7. При скролле страницы сайдбар должен оставаться зафиксированным. Высота сайдбара должна быть всегда во весь экран. При этом нижний блок сайдбара всегда должен быть прибит к низу. Это все реализовано, НО что делать если высота экрана низкая: в этом случае сайдбар начинает прятаться вниз, а так как он position: fixed он не скроллиться вместе с таблицей. http://skrinshoter.ru/s/161018/xV91Tuns https://codepen.io/anon/pen/MPrKKq Как решить эту проблему?
  8. кнопки должны растягиваться на всю ширину родителя (280 px) вот так http://skrinshoter.ru/s/011018/ZVXhhHvh как это сделать? https://codepen.io/anon/pen/LgVzbo разобрался сам. flex-grow помогло в этом
  9. Есть код. Он дублируется. Как можно избавиться от этого дублирования в данном случае? .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell a.doc(href='#') svg(viewBox="0 0 18 24") use(xlink:href="#iconPdf") span.link 128239.pdf .bonuses-calc-table__cell 20.07.18 .bonuses-calc-table__mobile-row Дата выгрузки span 20.07.18 .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell a.doc(href='#') svg(viewBox="0 0 18 24") use(xlink:href="#iconPdf") span.link 128239.pdf .bonuses-calc-table__cell 20.07.18 .bonuses-calc-table__mobile-row Дата выгрузки span 20.07.18 .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell a.doc(href='#') svg(viewBox="0 0 18 24") use(xlink:href="#iconPdf") span.link 128239.pdf .bonuses-calc-table__cell 20.07.18 .bonuses-calc-table__mobile-row Дата выгрузки span 20.07.18
  10. yaparoff

    Стрелка сразу после текста

    Нет. Это не то что нужно реализовать. Если текст в две строки, то эта стрелка будет также в непосредственной близости и по середине по вертикали http://skrinshoter.ru/s/150818/6DbLEm6Z
  11. Здравствуйте, уважаемые коллеги. Столкнулся со сложностью, которую никак не получается решить, да так чтобы дизайнер был доволен. В общем, фишка в том чтобы вот эта вот стрелочка шла сразу после текста http://skrinshoter.ru/s/150818/hdI0I3mE (лучше чуть ниже на пару пикселей) Именно рядом с ним. Проблема усугубляется что в некоторых местах текст становиться в две строки. Пробовал это решать с помощью position absolute, но тогда в некоторых местах эта стрелка уходит слишком далеко от текста. Пробовал флоатами и опять не то. https://codepen.io/anon/pen/RBmoQj
  12. Есть таблица. Колонки у нее выравниваются влево, а оставшаяся часть остается пустой http://skrinshoter.ru/s/100818/0jkG6HkA Пробовал решить это с помощью align=left и задать ширину колонкам, но это не сработало Что можно сделать? https://codepen.io/anon/pen/VBqBmw
  13. Есть блок с текстом. Он должен выглядеть вот так на десктопе http://skrinshoter.ru/s/070818/asZx0jAT Но на мобильной версии с этим возникают проблемы, верстка немного ломается http://skrinshoter.ru/s/070818/bWn5aEQf Как сделать чтобы все было ровно? https://codepen.io/anon/pen/jpvKXp Должно быть вот так: http://skrinshoter.ru/s/070818/qk7Y253u
  14. Решил этот вопрос с помощью флексбокса https://codepen.io/anon/pen/JBvPzO Но осталась другая проблема: когда элементы уже не будут помещаться в контейнер, они должны перемещаться вниз, пока этого не происходит http://skrinshoter.ru/s/020818/ZJ09c3aV
  15. Элементы генерируются с помощью js. В колонке должно быть 4 элемента. Если добавляется 5-ый, то он уходит в другую колонку. Как это реализовать? http://skrinshoter.ru/s/010818/mKAyNKug?a