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

**URL:** https://meta.discourse.org/t/list-of-post-replies-in-mobile-theme/162431
**Category:** Feature
**Created:** [29.Август.2020 18:48:42 UTC](https://meta.discourse.org/t/list-of-post-replies-in-mobile-theme/162431 "2020-08-29T18:48:42Z")
**Posts on this page:** 12
**Page:** 1

<div class="post-metadata">

### Author: ![nildarar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nildarar/32/331927_2.png) [@nildarar](https://meta.discourse.org/u/nildarar)
#### Post date: [29.Август.2020 18:48:43 UTC](https://meta.discourse.org/t/list-of-post-replies-in-mobile-theme/162431/1 "2020-08-29T18:48:43Z")

</div>

Привет!  
Можно ли добавить кнопку для открытия ответов на посты в мобильной теме? Пользователи мобильных устройств часто теряют свои ответы в больших темах!

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [30.Август.2020 23:09:36 UTC](https://meta.discourse.org/t/list-of-post-replies-in-mobile-theme/162431/2 "2020-08-30T23:09:36Z")

</div>

Извините, я не понимаю. Что это означает? Можете ли вы предоставить скриншот с пометками?

---

<div class="post-metadata">

### Author: ![nildarar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nildarar/32/331927_2.png) [@nildarar](https://meta.discourse.org/u/nildarar)
#### Post date: [31.Август.2020 15:36:15 UTC](https://meta.discourse.org/t/list-of-post-replies-in-mobile-theme/162431/3 "2020-08-31T15:36:15Z")

</div>

Да, конечно, как видно на изображении ниже, пользователи настольных компьютеров могут загружать ответы на посты в изолированном пространстве, нажав эту кнопку.

 ![image](https://global.discourse-cdn.com/meta/original/3X/4/e/4e990f7baed751945db917f30b8aaad7dab2285a.png)

Эта функция очень полезна, особенно в темах, где отправляются тысячи сообщений. Но, к сожалению, я не смог найти эту функцию в мобильной теме и полагаю, что она не была реализована из-за нехватки места.

Возможно ли добавить такую замечательную функцию для мобильной темы?

---

<div class="post-metadata">

### Author: ![nildarar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nildarar/32/331927_2.png) [@nildarar](https://meta.discourse.org/u/nildarar)
#### Post date: [02.Сентябрь.2020 06:13:46 UTC](https://meta.discourse.org/t/list-of-post-replies-in-mobile-theme/162431/4 "2020-09-02T06:13:46Z")

</div>

У кого-нибудь есть информация об этом?

---

<div class="post-metadata">

### Author: ![nildarar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nildarar/32/331927_2.png) [@nildarar](https://meta.discourse.org/u/nildarar)
#### Post date: [03.Сентябрь.2020 09:02:49 UTC](https://meta.discourse.org/t/list-of-post-replies-in-mobile-theme/162431/5 "2020-09-03T09:02:49Z")

</div>

Мне очень странно, что никто ещё не упомянул об этой проблеме!  
Думаю, причина в том, что большинство администраторов форумов используют десктопные браузеры 🙂

---

<div class="post-metadata">

### Author: ![nildarar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nildarar/32/331927_2.png) [@nildarar](https://meta.discourse.org/u/nildarar)
#### Post date: [26.Сентябрь.2020 08:35:50 UTC](https://meta.discourse.org/t/list-of-post-replies-in-mobile-theme/162431/6 "2020-09-26T08:35:50Z")

</div>

У кого-нибудь возникала эта проблема?

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [26.Сентябрь.2020 12:30:49 UTC](https://meta.discourse.org/t/list-of-post-replies-in-mobile-theme/162431/7 "2020-09-26T12:30:49Z")

</div>

Полагаю, это убрали из мобильной версии, так как занимало слишком много места на экране.

---

<div class="post-metadata">

### Author: ![nildarar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nildarar/32/331927_2.png) [@nildarar](https://meta.discourse.org/u/nildarar)
#### Post date: [26.Сентябрь.2020 16:13:57 UTC](https://meta.discourse.org/t/list-of-post-replies-in-mobile-theme/162431/8 "2020-09-26T16:13:57Z")

</div>

Если мы используем только мобильную версию, эта функция для крупных тем действительно необходима. Многие пользователи сообщали, что не могут найти предоставленные им ответы. И мы всегда задавались вопросом: почему?! Пока не начали какое-то время пользоваться мобильной версией и не поняли, что этой кнопки в мобильной теме просто нет.

Если есть проблема с местом, возможно, не помешало бы открывать её для пользователя как модальное окно… 🤔

---

<div class="post-metadata">

### Author: ![nildarar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nildarar/32/331927_2.png) [@nildarar](https://meta.discourse.org/u/nildarar)
#### Post date: [30.Сентябрь.2020 11:59:35 UTC](https://meta.discourse.org/t/list-of-post-replies-in-mobile-theme/162431/9 "2020-09-30T11:59:35Z")

</div>

Эта проблема уже поднималась многими нашими пользователями, и многие действительно недовольны этим вопросом.

Ниже приведён перевод сообщения от одного из наших пользователей:

> Представьте, что в теме с тысячами ответов несколько человек ответили мне, например, два человека.  
> Когда я перехожу к соответствующему уведомлению, чтобы увидеть их ответы,  
> Показывается только первый ответ, и система сразу переключается на него.  
> Теперь мне приходится искать следующий ответ!  
> Так быть не должно!  
> Либо настройте уведомления для каждого ответа, либо исправьте эту проблему.

Пожалуйста, ответьте по этому вопросу 🙏

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [30.Сентябрь.2020 14:38:58 UTC](https://meta.discourse.org/t/list-of-post-replies-in-mobile-theme/162431/10 "2020-09-30T14:38:58Z")

</div>

**Привет, 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;
}

```

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

 ![reply-mobile](https://global.discourse-cdn.com/meta/original/3X/6/2/62c9c25835be640a8b586b76d022be12b6376838.gif)

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

> **[A Nagy Brunhilde kibeszélő!](https://vaperina.cc/t/a-nagy-brunhilde-kibeszelo/437)**
>
> Úgy gondoltuk ez a “kicsike” megérdemel egy külön témát a Vaperinán, hiszen rengetegen használjátok és nagy átlagban pozitív véleménnyel vagytok róla. Jöhetnek a tanácsok, tapasztalatok stb… Minden ami Brunhilde! 🙂

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

---

<div class="post-metadata">

### Author: ![nildarar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nildarar/32/331927_2.png) [@nildarar](https://meta.discourse.org/u/nildarar)
#### Post date: [01.Октябрь.2020 11:33:07 UTC](https://meta.discourse.org/t/list-of-post-replies-in-mobile-theme/162431/11 "2020-10-01T11:33:07Z")

</div>

Вау!  
Не могу поверить, что это существовало так долго, и нам просто нужно было настроить CSS. 😓  
Прошу прощения за то, что поднял эту проблему, и большое спасибо за то, что напомнили нам об этом решении.

Спасибо огромное 🙏 💐

---

<div class="post-metadata">

### Author: ![nildarar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nildarar/32/331927_2.png) [@nildarar](https://meta.discourse.org/u/nildarar)
#### Post date: [04.Октябрь.2020 09:25:36 UTC](https://meta.discourse.org/t/list-of-post-replies-in-mobile-theme/162431/12 "2020-10-04T09:25:36Z")

</div>

В связи с проблемой нехватки места на мобильных экранах мы применили следующий стиль:

```
.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;
        }
    }
}

```

Это позволит отображать ответы в виде комментариев.
