Комментарии пользователя Андрей

Как заставить браузер клиента не скрывать или сжимать поисковую строку мобильного браузера?

Андрей @Stop_Loll Автор вопроса

imko, dvh, svh, lvh при 100% кроссбраузерность сохранена. Но спасибо за помощь, проблему решил, переписал момент с определением высоты и всё заработало так как было задумано, ещё раз спасибо.

Написано 01 сент.

Как заставить браузер клиента не скрывать или сжимать поисковую строку мобильного браузера?

Андрей @Stop_Loll Автор вопроса

imko, В моём случае данная единица измерения не подходит, с задачей растянуть контент справляется height: 100%. По крайней мере, брал информацию с Google, где они рекомендовали использовать 100%, а не фиксированные значения svh, lvh, dvh. Как пример, скриншот ниже, область пустует либо заполняется строкой поиска.

Написано 01 сент.

Что за ошибка mkdir() Invalid path в MODX? Как её решить?

Андрей @Stop_Loll Автор вопроса

На самом деле первый и второй шаг в моём решение были такие же, но потом я перестал копать в этом направление и просто закомментировал вывод той ошибки, но ваш вариант более техничен и правильней. Спасибо <3

Написано 27 мар.

Как правильно реализовать вертикальный степпер через список?

Андрей @Stop_Loll

sirenko, Тут нужно использовать псевдоэлементы first-child, last-child. Для примера набросал css код, который должен дать понять, в каком направление двигаться:

ol{
  list-style-position:inside;
  display:inline-block;
  counter-reset: example 0;}
li{
  text-align:left;
  position: relative;
  list-style-type:none;
  position: relative;
  padding: 2.5rem 0;
}
li::before{
  content: counter(example, decimal);
  counter-increment:example 1;
  position:absolute;
  width: 1.75rem;
  height: 1.75rem;
  position: absolute;
  left: calc(50% - 1.75rem);
  top: -1rem;
  border: .1rem solid red;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 90%;
  background: #fff;
  z-index: 1;
  color: red;
}

li::after {
    content: "";
    width: 0.01rem;
    height: 4rem;
    background: red;
    position: absolute;
    left: calc(50% - .85rem);
    top: -2rem;
}

li:first-child::after {
    content: "";
    width: .01rem;
    height: 2rem;
    background: red;
    position: absolute;
    left: calc(50% - .85rem);
    top: 0;
}

li:last-child::after {
    content: "";
    width: .01rem;
    height: 2rem;
    background: red;
    position: absolute;
    left: calc(50% - .85rem);
    top: -2rem;
}

.info__text{
  padding-top: 50px;
  width: 800px;
  text-align:center;
  margin:0 auto;
  position: relative;
}

Войдите на сайт