Добро пожаловать, paranoya!
(пример ссылки sigma для справки: 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;
}
С небольшой доработкой вы можете добиться чего-то подобного:
