Benvenuto paranoya!
(un link di esempio di sigma come riferimento: https://forum.figma.com/t/introduce-yourself/102/2)
È davvero una bella personalizzazione.
Puoi vedere come lo fanno usando questa guida:
Ti aiuterà a fare molte personalizzazioni visive sul tuo forum.
Su Figma, possiamo puntare all’elemento linea in questo modo:
Hanno aggiunto questo al CSS del loro tema:
.topic-body:before {
background-color: var(--surface-high-contrast);
content: "";
display: block;
position: absolute;
top: 64px;
left: -26px;
height: calc(100% - 72px);
width: 2px;
}
Ma alcuni valori devono essere aggiustati in modo che appaia al meglio sul tuo forum.
La loro linea verticale sembra fantastica perché hanno anche eliminato la linea orizzontale tra ogni post.
.topic-body, .topic-avatar {
border-top: 0;
padding-top: 12px;
}
Con un po’ di ritocco, puoi ottenere qualcosa di simile:
