아바타 위치 변경

개발
1

이런 방식으로 아바타를 표시하는 방법을 알려주세요

image
image1342×344 89.5 KB

이렇게요

image
image1441×365 94.9 KB

테마: FKB Pro - Social theme

2

그렇게 하면 아바타가 위아래로 움직이는 것을 볼 수 없게 됩니다. 괜찮으신가요?

3

네, 그렇게 하세요

4

이 Desktop CSS를 시도해 보시겠어요?

.topic-post {
    $avatar_width: 60px;
    $topic_margin_body: 1em;
    
    .topic-body {
        width: calc(690px + var(--topic-body-width-padding) * 2 + $avatar_width + $topic_margin_body) !important;
    }
    
   .topic-avatar {
        position: absolute !important;
        left: calc(var(--topic-body-width-padding) * 2 + $topic_margin_body);
        margin-bottom: 0 !important;
    }
    
    &.sticky-avatar .topic-avatar {
        top: unset !important;
    }
    
    .names.trigger-user-card {
        margin-left: calc(var(--topic-avatar-width) + var(--topic-avatar-width) / 2);
        height: $avatar_width;
    }
}

image
image203×173 18.5 KB

5

image
image949×352 78.4 KB

감사합니다, 도움이 되었습니다. 이제 토론에서 메인 블록의 너비를 어떻게 늘릴 수 있을까요?

6

위쪽의 CSS를 조정했습니다. 화면이 반으로 나뉘어 있어서 보이지 못했습니다. :+1:

7

동작하지 않았습니다

8

다시 시도해 보세요. 방금 바로 업데이트를 다시 적용했습니다.

제 쪽에서는 정상적으로 작동합니다:

Arc_X4TUccN7P8

9

오 예, 작동합니다. 정말 감사합니다 :heart: