ようこそ paranoya さん!
(参考用のシグマの例リンク:https://forum.figma.com/t/introduce-yourself/102/2)
確かに素晴らしいカスタマイズですね。
このガイドで、彼らがどのように行っているかを確認できます:
これにより、フォーラムで多くの視覚的なカスタマイズを行うことができます。
Figma では、次のように線要素をターゲットにできます:
彼らはこれをテーマの CSS に追加しました:
.topic-body:before {
background-color: var(--surface-high-contrast);
content: "";
display: block;
position: absolute;
top: 64px;
left: -26px;
height: calc(100% - 72px);
width: 2px;
}
ただし、独自のフォーラムで最もよく見えるように、いくつかの値を調整する必要があります。
彼らの縦線は、各投稿間の横線をなくしているため、素晴らしく見えます。
.topic-body, .topic-avatar {
border-top: 0;
padding-top: 12px;
}
少し調整するだけで、このようなものを達成できます:

