Horizonでの「新しいトピック」ボタンの位置

サポート
,
1

Create a new topic button disappeared の続きとして議論を続けます：

このボタンをフローティングに変更して、右下に移動することは可能でしょうか？ 限られたCSSの知識で試みましたが、実現できませんでした。HorizonのHTMLがこれを制限しているのではないかと推測しています。

この実現に向けてのアドバイスやガイドラインをいただければ幸いです :slight_smile:

2

こういうことですか？

CleanShot 2026-08-20 at 17.13.22@2x
CleanShot 2026-08-20 at 17.13.22@2x2542×2022 423 KB

こういうのが使えると思います

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

ただし、ページ上の他の要素を「認識」しないので、他のものと重なってしまいます。

3

ありがとうございます！その方法を試してみましたが、他の多くの要素に隠れてしまいますし、面倒な z-index: 999 もそこで機能しません。これはテーマ内の祖先要素が原因だと理解しています。

トピックカードや右サイドバーの要素などに隠れてしまいます。

4

うーん、その通りだね。変だよね。なんでそうなるのか見てみるよ

5

ああ、DOMの親要素にposition:stickyが指定されているからだったんだ… そのことが原因なのはわかるけど、CSSで解決できるかどうかわからない :sweat_smile:

6

ただし、sidebar-wrapper に z-index:1 を設定すると、スタッキングコンテキストは修正されます（ボタンも意図した通りに動作するようになります）。他の影響はないと思いますが、z-indexについては何が起こるか分かりません。