Horizon 上“新话题”按钮的位置

继续讨论 Create a new topic button disappeared

我想知道是否可以将此按钮改为浮动样式,并移动到底部右侧?我尝试用我有限的 CSS 技能来实现,但没能成功;我怀疑是 Horizon 中的 HTML 限制了这一点。

感谢任何建议或指南,让我能实现这个效果 :slight_smile:

你是指这样吗?

我觉得像这样应该就可以:

.sidebar-new-topic-button__wrapper {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    margin: 0;
}

但它不会“感知”页面上的其他元素,所以会遮挡其他内容。

谢谢!我确实尝试过这样做,但它会被很多其他元素遮挡,而且那个棘手的 z-index: 999 在那里也不起作用。我理解这是因为主题中的祖先元素导致的。

它会被主题卡片、右侧边栏元素等等遮挡。

嗯,你说得对。这确实有点奇怪。我去看看为什么会这样。

啊,原来是它的 DOM 父元素设置了 position:sticky……好吧,这就是原因,但不确定有没有 CSS 解决方案 :sweat_smile:

不过,给 sidebar-wrapper 设置 z-index:1 确实能修复层叠上下文(也让按钮表现符合预期)。我觉得这应该没有其他副作用,但 z-index 这东西,谁也说不准。