Ответы пользователя по тегу CSS
  • В чем может быть проблема неправильного отображения?

    AntonBrock
    @AntonBrock Автор вопроса
    screen light
    1.5 часа за сафари помогли решить проблему. Дело в том, что сафари не очень хорошо отображает 100vh. После смены на 100% контейнеру, который держит эти блоки - все встало на свои места, например, как у хрома.
    Спасибо всем, за уделенное время вопросу!
    Ответ написан
    Комментировать
  • Как заставить работать стили?

    AntonBrock
    @AntonBrock Автор вопроса
    screen light
    Как я понял, у меня либо жесткое наложение, либо просто не видно куда и что тыкается. (не работает другими словами) После разбора всех атрибутов, я дошел до того что 1 кружок ставится НЕ зависимо куда ты тыкнешь. Тут уже было понятно, что это :after вешается по id (как мы и писали) и только на первый элемент. Поэтому решение нашел стремное, а именно я динамически передаю новые id, на каждую итерацию цикла. Т.е. 4 id из state, после уже в стили делаю такие как и были :after+label и тд. Нужный функционал то я получил, но весь дерьмо код - вижу. Если у вас будут лучшее решение, чем мое - с радостью узнаю и попробую!

    Зачем вообще мне нужен был state? Дело в том, что именно вот эти цифры ( цена) отправляется к нам в базу, и по клику динамически (там еще есть ниже верстка) перемещаем туда тоже. Т.е. можно было без state, но писать доп.кода нет смысла, да и ошибки будут 100%.
    Ответ написан
    Комментировать
  • На ios 12.1 и ниже поддерживается input checkbox = checked (nuxt.js), что делать?

    AntonBrock
    @AntonBrock Автор вопроса
    screen light
    Ошибка была в обработчике метода.
    На input checkbox стоял метод @click = 'тото'
    И система ios 12.1 и ниже, не отрисовывала галочку. Было предположено, что ошибка именно через метод проходит и был изменен метод с @click="тото" на @change="тото" , после этого все стало работать!
    Ответ написан
    Комментировать
  • В чем может быть проблема не работы 2х одинаковых блоков?

    AntonBrock
    @AntonBrock Автор вопроса
    screen light
    Спасибо за наводку Дмитрий совсем что-то вылетило из головы перекрытие.
    В любом случае вот исправленый код:
    <div class="notifications-social-icq-do">
                      <p class="notifications-social-icq-do-p p1">1. Скопируйте команду авторизации</p>
                        <div class="notifications-social-icq-do-icon_1">
                          <button><i class="material-icons">content_copy</i></button>
                        </div>
                      <p class="notifications-social-icq-do-p">2. Перейдите в чат и отправьте команду боту</p>
                        <div class="notifications-social-icq-do-icon_2">
                          <button><i class="material-icons">content_copy</i></button>
                        </div>


    .notifications-social-skype-do-p {
        margin-top: 23px;
        width: 190px;
        height: 30px;
        display: flex;
        font-size: 14px;
        color: #2C2C2C;
    }
    
    .notifications-social-skype-do i {
        color: #BBBEC9;
    }
    
    .notifications-social-skype-do i:hover {
        color: #687189;
    }
    
    .notifications-social-skype-do button {
        border: none;
        background: #f4f4f6;
    }
    
    .notifications-social-skype-do-icon_1 {
        position: absolute;
        padding-left: 200px;
        margin-top: 25px;
    }
    
    .notifications-social-skype-do-icon_2 {
        padding-left: 200px;
        padding-bottom: 150px;
    }
    Ответ написан
    Комментировать