List of post replies in mobile theme

feature
10

Hi Nildarar,

I just do this today. Create a new component in admin and add this to the mobile section CSS into the component.

This will enable the reply button on mobile. Maybe need some modification to fit your theme but if you post your website I can help you in this. :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;
}

This is how it looks like on mobile view :arrow_down:

reply-mobile

You can check it with mobile on this page.

Update: The latest reply no longer has border.

5 Likes