Привет!
Можно ли добавить кнопку для открытия ответов на посты в мобильной теме? Пользователи мобильных устройств часто теряют свои ответы в больших темах!
Извините, я не понимаю. Что это означает? Можете ли вы предоставить скриншот с пометками?
Да, конечно, как видно на изображении ниже, пользователи настольных компьютеров могут загружать ответы на посты в изолированном пространстве, нажав эту кнопку.
Эта функция очень полезна, особенно в темах, где отправляются тысячи сообщений. Но, к сожалению, я не смог найти эту функцию в мобильной теме и полагаю, что она не была реализована из-за нехватки места.
Возможно ли добавить такую замечательную функцию для мобильной темы?
У кого-нибудь есть информация об этом?
Мне очень странно, что никто ещё не упомянул об этой проблеме!
Думаю, причина в том, что большинство администраторов форумов используют десктопные браузеры ![]()
У кого-нибудь возникала эта проблема?
Полагаю, это убрали из мобильной версии, так как занимало слишком много места на экране.
Если мы используем только мобильную версию, эта функция для крупных тем действительно необходима. Многие пользователи сообщали, что не могут найти предоставленные им ответы. И мы всегда задавались вопросом: почему?! Пока не начали какое-то время пользоваться мобильной версией и не поняли, что этой кнопки в мобильной теме просто нет.
Если есть проблема с местом, возможно, не помешало бы открывать её для пользователя как модальное окно… ![]()
Эта проблема уже поднималась многими нашими пользователями, и многие действительно недовольны этим вопросом.
Ниже приведён перевод сообщения от одного из наших пользователей:
Представьте, что в теме с тысячами ответов несколько человек ответили мне, например, два человека.
Когда я перехожу к соответствующему уведомлению, чтобы увидеть их ответы,
Показывается только первый ответ, и система сразу переключается на него.
Теперь мне приходится искать следующий ответ!
Так быть не должно!
Либо настройте уведомления для каждого ответа, либо исправьте эту проблему.
Пожалуйста, ответьте по этому вопросу ![]()
Привет, Nildarar,
Я сделал это сегодня. Создайте новый компонент в админ-панели и добавьте этот код в CSS для мобильной секции компонента.
Это включит кнопку ответа на мобильных устройствах. Возможно, потребуется небольшая доработка, чтобы она соответствовала вашей теме, но если вы пришлете ссылку на свой сайт, я помогу вам с этим. ![]()
.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;
}
Вот как это выглядит в мобильном режиме ![]()
Вы можете проверить это на мобильном устройстве на этой странице.
Обновление: У последнего ответа больше нет границы.
Вау!
Не могу поверить, что это существовало так долго, и нам просто нужно было настроить CSS. ![]()
Прошу прощения за то, что поднял эту проблему, и большое спасибо за то, что напомнили нам об этом решении.
Спасибо огромное
![]()
В связи с проблемой нехватки места на мобильных экранах мы применили следующий стиль:
.embedded-posts {
.topic-avatar {
float: right;
width: 30px;
border: 0;
padding: 0.3rem 0.2rem 0 0;
margin: 0;
.avatar-flair {
transform: scale(0.6) translate(-2px, 11px);
}
img {
width: 30px;
height: 30px;
}
}
.topic-body {
float: none;
width: auto;
border-top: 0;
margin-right: 40px;
.cooked {
padding: 0 0 0.25em 25px;
display: inline-block;
font-size: 90%;
max-height: calc(1.4rem * 5);
overflow: hidden;
text-overflow: ellipsis;
& > :not(p) {
display: none;
}
& > p {
margin: 0;
text-indent: 0;
display: inline;
img:not(.emoji) {
content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAJxSURBVDhPpdXfT1JhGAdwLty6oWHLCR266T9wcSHLkloZaF208qrLropyI1ct17Jw0JJJrM3ZFBBRuyBcy7bcVNxqWa0LG5Am2swbDz+EMIPW7317n7dgqaeFcPHdec97zvM5z/sezpCJooi4uIRktLSQQZaMBpPvovDNxTE0v7n455fZMcFrySBLRrqPXWwJJdEaLjyXghm0hWO4GMzicjDFDbI4SE+jmyyvC8vV0CpGF4aBlRP4mjzHUf//wPaZDG5Or66Zy6Ul+Ali1AKkTjG0kXd6jy39n+CtyHccftSB2uFWOCI/12AUc/g9HDOLWGIodUrLJ0MStL3J4uyLZ5D37GbR4MzzJ7DNZCXQNO+Ulk+1kuCN6RWYQzEonNUQ+vQ8NLbwa+k8RttB9+bOJcFr4RRf6k7vEag8h6D21vMo2XjXwHHcngMvdkR+QD9iR5XfmJ+TBDsigGaoCRW9ujyWy3b3PugemnFnATg9+Rhyp4Z33hjwwj77bSM4svgZR0fdKHdqN2AUoc8AhasaJ8d9UDRXQeg3QPAasJXtsenlFCzTf72UlfgyOl89xZZuDS+UAnOp8OhQeWUvVLYDUA/WYwfb422uPbjO3vr9t8nfYCbxAU1jFijc+yWR9RE8BlReqIH6z8OVnoOs22NslV+QirJvmcDzAVvBoHqAddZZB2Ub2+vBBj4nd9agecKOj4l0ESDlbgOUFh0Ep56fU60p0A6yigMprDuVldWwI9WSURrIIrjYj7+rDoredaBxzIqybi1HN5NyBim6alHWo+UGB1OxJPqnHsA4boVpwlZUqJYMsvhfAA1ILyVkiKKIXzGHc6NOmAkVAAAAAElFTkSuQmCC');
display: inline;
width: 18px;
height: 18px;
padding-left: 2px;
}
}
}
}
.topic-meta-data {
position: relative;
width: auto;
left: auto;
top: auto;
margin: 0 0 3px;
.names {
padding-left: $topic-body-width-padding;
span {
flex-basis: auto;
}
}
.user-title {
display:none;
}
.post-link-arrow a {
padding: 8px;
position: absolute;
left: 0;
margin: 0;
}
}
}
Это позволит отображать ответы в виде комментариев.

