移动端视图中的回复按钮设为固定按钮

开发
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?

2

据我所知，在长帖子的页面中，topic-footer-buttons 在滚动到最后一组帖子并附加页脚之前是不存在的，因此仅靠 CSS 无法实现。

不过，这有点特殊。回复整个主题意味着你已经阅读了它。如果你确实想回复整个主题，可以单击任意帖子的回复按钮，然后将回复操作更改为“回复主题”：

image
image1125×1075 213 KB

这属于 Customization > Theme component 的范畴，因为你正在对布局进行结构性更改。将其从 Support 移走，因为你的 CSS 证明一旦该元素实际存在于页面中，你就能正确地控制它。

3

如果主题有超过 200 条回复（或者只要 50 条），我可以稍后再读。有时候在 Discourse 这里，我只是想了解最新回复的情况并参与讨论，因为讨论正在进行中。

哈哈。我完全不知道这是可能的，因为这并不明显，看起来编辑器里只是一个箭头。:face_with_monocle:

差不多。我希望它能作为“回复主题，而非特定帖子”的选项隐藏起来。让我看看，然后我会在 Customization > Theme component 创建一个主题。

4

我的意思是，主题组件可以实现这一点，Customization > Theme component 板块用于分享已完成的主题组件。我将其移至 Development，因为你需要进一步的指导来实现这一功能。

另一种方案是在 Marketplace 发布一个主题，前提是你有预算聘请他人来完成这项工作。

5

@Merlls_Rizzini，我也遇到了同样的问题。你找到解决办法了吗？

6

我刚刚在私信里回复了你。