Список ответов на сообщения в мобильной теме

Внести вклад Функция
10

Привет, Nildarar,

Я сделал это сегодня. Создайте новый компонент в админ-панели и добавьте этот код в CSS для мобильной секции компонента.

Это включит кнопку ответа на мобильных устройствах. Возможно, потребуется небольшая доработка, чтобы она соответствовала вашей теме, но если вы пришлете ссылку на свой сайт, я помогу вам с этим. :slight_smile:

.show-replies {
    display: block;
    margin-bottom: 10px;
    margin-left: -6px;
    font-weight: 600;
}

.show-replies span {
    margin-right: 5px;
}

.embedded-posts .topic-avatar {
    padding-left: 0;
    padding-top: 0;
    width: 45px;
}

.embedded-posts {
   margin-top: 20px;
   padding: 10px;
   background: var(--primary-low, $primary-low);
   border-radius: 4px;
}

.embedded-posts > div:not(:last-of-type) {
   border-bottom: 1px solid var(--primary-medium, $primary-medium);
   margin: 10px 0px 20px 0px;
}

.embedded-posts .topic-body .cooked {
    display: inline-block;
    margin-top: 10px;
}

Вот как это выглядит в мобильном режиме :arrow_down:

reply-mobile
reply-mobile406×468 1.23 MB

Вы можете проверить это на мобильном устройстве на этой странице.

Обновление: У последнего ответа больше нет границы.

5 лайков