# 주제가 닫히고 고정되면 헤더의 고정 아이콘이 올바른 위치에 표시되지 않음

**URL:** https://meta.discourse.org/t/when-a-topic-is-closed-and-pinned-the-pin-icon-in-header-not-in-correct-place/162473
**Category:** UX
**Created:** [8월 30, 2020, 2:47오후 UTC](https://meta.discourse.org/t/when-a-topic-is-closed-and-pinned-the-pin-icon-in-header-not-in-correct-place/162473 "2020-08-30T14:47:50Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [8월 30, 2020, 2:47오후 UTC](https://meta.discourse.org/t/when-a-topic-is-closed-and-pinned-the-pin-icon-in-header-not-in-correct-place/162473/1 "2020-08-30T14:47:50Z")

</div>

안녕하세요,

토픽이 고정되고 닫힌 상태일 경우, 다음과 같은 모습이어야 합니다.

 ![sketch-1598798277182](https://global.discourse-cdn.com/meta/original/3X/4/6/46c3a35ecd6dead8c8cde4bee4b83ff7524a28fd.png)

그러나 (2.6 beta 1부터였던 것 같습니다) 고정 아이콘이 헤더와 제목 부분에 잘못 배치되어 다음과 같은 모습이 되고 있습니다.

 ![sketch-1598798307601](https://global.discourse-cdn.com/meta/original/3X/b/4/b4d82b7e975f20745e73bf67106fe920dad8dde2.png)

다른 포럼에서도 이 문제를 재현할 수 있었습니다.

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [8월 30, 2020, 2:59오후 UTC](https://meta.discourse.org/t/when-a-topic-is-closed-and-pinned-the-pin-icon-in-header-not-in-correct-place/162473/2 "2020-08-30T14:59:26Z")

</div>

이 주제를 확인해 보세요:

> [@Policy notice: no private solicitations for work, paid or free](https://meta.discourse.org/t/policy-notice-no-private-solicitations-for-work-paid-or-free/77529):
>
> We want people to be able to participate freely on meta without being badgered about doing work for others – so just a heads up, we’re now formally enforcing a policy that has been informally enforced in the past: All solicitations for any kind of work, paid or free, must be in public in the #Marketplace category This is a part of our [community guidelines](https://meta.discourse.org/guidelines) and terms of service. Basically, [no private soliciting](http://smallbusiness.chron.com/soliciting-business-mean-22142.html): The primary bit that’s important here is asking in public in the correct…

제 환경에서는 올바르게 표시됩니다. 기기 해상도에 따라 달라지는 것일까요?

 ![image](https://global.discourse-cdn.com/meta/original/3X/c/f/cf2ccf09ac939c13e1fcb36ab55dfc16e39bb7bc.png)

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [8월 30, 2020, 3:04오후 UTC](https://meta.discourse.org/t/when-a-topic-is-closed-and-pinned-the-pin-icon-in-header-not-in-correct-place/162473/3 "2020-08-30T15:04:29Z")

</div>

> [@Stephen](#):
>
> 디바이스 해상도에 따라 달라질 수 있나요?

그럴 가능성이 높습니다

 ![Screenshot_20200830-170249](https://global.discourse-cdn.com/meta/original/3X/7/a/7acf1d519be0b88779c7b9d933687cb6b0fcbade.png)

* * *

 ![Screenshot_20200830-170255](https://global.discourse-cdn.com/meta/original/3X/1/1/1109c0c8b30cdb15c918238ccdb6c8860599aad5.png)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [8월 30, 2020, 11:20오후 UTC](https://meta.discourse.org/t/when-a-topic-is-closed-and-pinned-the-pin-icon-in-header-not-in-correct-place/162473/4 "2020-08-30T23:20:50Z")

</div>

@awesomerobot 이 문제를 재현할 수 있을까요?

---

<div class="post-metadata">

### Author: ![Stephen](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stephen/32/95011_2.png) [@Stephen](https://meta.discourse.org/u/Stephen)
#### Post date: [8월 30, 2020, 11:28오후 UTC](https://meta.discourse.org/t/when-a-topic-is-closed-and-pinned-the-pin-icon-in-header-not-in-correct-place/162473/5 "2020-08-30T23:28:05Z")

</div>

아이폰에서 메타로 스크롤을 내리면 제목이 상단 바로 이동하는 현상을 재현할 수 있습니다.

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [8월 31, 2020, 4:43오후 UTC](https://meta.discourse.org/t/when-a-topic-is-closed-and-pinned-the-pin-icon-in-header-not-in-correct-place/162473/6 "2020-08-31T16:43:22Z")

</div>

이것으로 해당 문제가 해결될 것입니다.

> <https://github.com/discourse/discourse/commit/58fe78bf2834871bc2788b770188e968e6018114>
>
> Context: https://meta.discourse.org/t/when-a-topic-is-closed-and-pinned-the-pin-…icon-in-header-not-in-correct-place/162473
> 
> Flex is causing a bit of a problem here since it makes the \`topic-statuses\` div in the header wrap when it has more than one icon. Given that we already use grid on the parent and that the icons are aligned properly, I think it's safe to remove it here.

리포트해 주셔서 감사합니다 @ondrej 👍

---

<div class="post-metadata">

### Author: ![ondrej](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ondrej/32/198804_2.png) [@ondrej](https://meta.discourse.org/u/ondrej)
#### Post date: [9월 1, 2020, 9:12오전 UTC](https://meta.discourse.org/t/when-a-topic-is-closed-and-pinned-the-pin-icon-in-header-not-in-correct-place/162473/7 "2020-09-01T09:12:41Z")

</div>

수정해줘서 고마워! 문제없어, Johani 👍

---

<div class="post-metadata">

### Author: ![rishabh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rishabh/32/179446_2.png) [@rishabh](https://meta.discourse.org/u/rishabh)
#### Post date: [9월 1, 2020, 9:14오전 UTC](https://meta.discourse.org/t/when-a-topic-is-closed-and-pinned-the-pin-icon-in-header-not-in-correct-place/162473/8 "2020-09-01T09:14:59Z")

</div>


