アバターの下の線?

ようこそ 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;
}

少し調整するだけで、このようなものを達成できます:

「いいね!」 1