# 사용자 카드 아바타 플레어가 이동하지 않도록 방지

**URL:** https://meta.discourse.org/t/prevent-user-card-avatar-flair-from-moving/203280
**Category:** Support
**Created:** [9월 12, 2021, 12:03오전 UTC](https://meta.discourse.org/t/prevent-user-card-avatar-flair-from-moving/203280 "2021-09-12T00:03:21Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [9월 12, 2021, 12:03오전 UTC](https://meta.discourse.org/t/prevent-user-card-avatar-flair-from-moving/203280/1 "2021-09-12T00:03:21Z")

</div>

사용자 카드에 버튼을 추가하는 여러 플러그인과 TC(테마 컴포넌트)가 버튼과 함께 플레어를 아래로 이동시키는 문제를 일으키고 있습니다. 이 문제는 [Follow 플러그인](https://meta.discourse.org/t/follow-plugin/110579), [Portfolio TC](https://meta.discourse.org/t/user-portfolio-theme-component/156678), [Social Link TC](https://meta.discourse.org/t/clickable-social-icon-links-on-profile/158136)에서 발생하고 있습니다.

이러한 사례가 많으므로, 현재 상태가 아닌 아바타를 기준으로 고정함으로써 수정될 수 있는 버그일 가능성이 있습니다. 필터 게시물 버튼이 동적으로 표시되므로 항상 표시되는 것이 아니라 위치가 변동되어 단순한 CSS로 해결할 수 없습니다.

예시:

 ![CleanShot 2021-09-11 at 17.57.25@2x](https://global.discourse-cdn.com/meta/original/3X/d/0/d00e0fb181ea6af766a131515c926a1454619550.jpeg)

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [9월 12, 2021, 8:43오전 UTC](https://meta.discourse.org/t/prevent-user-card-avatar-flair-from-moving/203280/2 "2021-09-12T08:43:25Z")

</div>

데이비드, 안녕하세요!

CSS를 이용해 위치를 지정할 수 있습니다. 상단 간격이 항상 동일하므로 위치가 유지됩니다.

데스크톱 CSS에 이렇게 적용해 보세요. ⬇

```plaintext
.user-card-avatar {
  .avatar-flair.rounded {
    top: 82px;
  }
}

```

---

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [9월 12, 2021, 6:32오후 UTC](https://meta.discourse.org/t/prevent-user-card-avatar-flair-from-moving/203280/3 "2021-09-12T18:32:09Z")

</div>

에이, 분명히 해봤는데, 돈 고마워!

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [10월 12, 2021, 6:32오후 UTC](https://meta.discourse.org/t/prevent-user-card-avatar-flair-from-moving/203280/4 "2021-10-12T18:32:23Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.