Reply button on mobile view as a fixed button

dev
1

#topic-footer-buttons{

.btn.create{
position: fixed;
bottom: 8vh;
right: 2vh;
margin: 0;
border-radius: 100%;
padding: 20px;
background: #357cdd;
z-index: 9999;
.d-button-label{
    display: none;
}
svg{
    margin: 0;
}

}

I’m trying to make a fixed button inside the topics on mobile that you can press and reply regardless if you read all the replies on it.

Without clicking in the box and drag.

60331312_281806049371555_2249659588531978240_n
60331312_281806049371555_2249659588531978240_n431×720 36.7 KB

Hit the button for you to be able to reply in the topic.

60065473_449842752456781_8591042367144853504_n
60065473_449842752456781_8591042367144853504_n720×574 33.9 KB

I was almost successful at that.

60347444_445359256214486_2569917578759634944_n
60347444_445359256214486_2569917578759634944_n700×507 13.1 KB

But the reply button only shows that way (fixed, following you) after you reached the bottom.

Any tips?

3 Likes
2

AFAIK topic-footer-buttons is not present in the page of a long topic until you reach the last set of posts where a footer is appended, so CSS alone won’t do the job.

It’s a bit of an odd one though, responding to the topic ‘at large’ implies you have read it. If you really want to reply to the topic you can click the reply button on any post, then change the reply action to ‘Reply to Topic’:

image
image1125×1075 213 KB

It’s #theme-component territory, because you’re making structural changes to the layout. Moving this from #support because your CSS proves you’re doing everything right to control the element once it’s actually present within the page.

2 Likes
3

I can read it later if the topic has more than 200 replies (or just 50 replies). Sometimes here in Discourse I just want to know what is going in the last replies and participate because there is a discussion going on.

Lol. I have no idea that was possible, because it is that not clear, it seems to be just an arrow in the editor. :face_with_monocle:

Almost. I want it to work as “Reply to the topic, not any specific post” option that’s hide. Let’s see, then I create a topic in #theme-component.

4

What I meant is that a theme component can do this, the #theme-component section is for sharing completed theme components. I moved this to #dev as you’re going to need further input on how to achieve this.

The alternative is create a topic in #marketplace, assuming you’ve a budget to have someone else work on this for you.

4 Likes
5

@Merlls_Rizzini, having the same issue. Did you find a solution?

6

I just replied to you on private message.