# 게시물 승인 페이지의 미리보기 섹션이 이상하게 보입니다

**URL:** https://meta.discourse.org/t/post-approval-page-weird-looking-post-preview-section/163852
**Category:** UX
**Created:** [9월 12, 2020, 7:37오후 UTC](https://meta.discourse.org/t/post-approval-page-weird-looking-post-preview-section/163852 "2020-09-12T19:37:18Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![TheBaby5](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thebaby5/32/178897_2.png) [@TheBaby5](https://meta.discourse.org/u/TheBaby5)
#### Post date: [9월 12, 2020, 7:37오후 UTC](https://meta.discourse.org/t/post-approval-page-weird-looking-post-preview-section/163852/1 "2020-09-12T19:37:18Z")

</div>

승인 대기 중인 주제가 있을 때, 해당 게시글의 미리보기 섹션이 너무 작아 크기를 조절할 수 없고, 게시글을 수정한 후 아래로 스크롤하여 저장하려고 하면 하단에 불필요한 여백이 많이 생기는 문제입니다. 자세한 내용은 GIF를 확인해 주세요.

[https://i.gyazo.com/83adc7c1792ea1d8dd84066fb76a24f7.mp4](https://i.gyazo.com/83adc7c1792ea1d8dd84066fb76a24f7.mp4)

---

<div class="post-metadata">

### Author: ![TheBaby5](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thebaby5/32/178897_2.png) [@TheBaby5](https://meta.discourse.org/u/TheBaby5)
#### Post date: [9월 14, 2020, 7:32오전 UTC](https://meta.discourse.org/t/post-approval-page-weird-looking-post-preview-section/163852/2 "2020-09-14T07:32:39Z")

</div>

이 문제가 언제 수정될지 혹시 아시나요?

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [9월 15, 2020, 4:57오후 UTC](https://meta.discourse.org/t/post-approval-page-weird-looking-post-preview-section/163852/4 "2020-09-15T16:57:24Z")

</div>

최신 Discourse 코드가 실행 중인 사이트에서, 검토 대기열에서 주제가 편집될 때 확인되는 레이아웃은 다음과 같습니다:

 ![image](https://global.discourse-cdn.com/meta/original/3X/8/a/8ad0551f763a12725fc30b6d80051703bbd23e08.png)

편집기와 미리보기 창 모두 사용 가능한 너비의 50%를 차지하도록 설정되어 있습니다.

스크린샷에서 편집기에 아이콘이 많이 보이는 것을 확인할 수 있습니다. 해당 사이트에 서식 도구 모음(Formatting Toolbar) 플러그인이 설치되어 있나요? 추가된 아이콘들이 편집기의 너비에 영향을 미치고 있을 수 있습니다.

---

<div class="post-metadata">

### Author: ![TheBaby5](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thebaby5/32/178897_2.png) [@TheBaby5](https://meta.discourse.org/u/TheBaby5)
#### Post date: [9월 16, 2020, 7:20오전 UTC](https://meta.discourse.org/t/post-approval-page-weird-looking-post-preview-section/163852/5 "2020-09-16T07:20:10Z")

</div>

과거에 아무것도 설치되어 있지 않았을 때에도 이 문제가 있었습니다. 깨끗한 상태로 디스코르스를 사용했었죠. 하지만 모든 것을 삭제한 후에도 여전히 문제가 발생하고 있습니다!

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [9월 16, 2020, 9:41오후 UTC](https://meta.discourse.org/t/post-approval-page-weird-looking-post-preview-section/163852/6 "2020-09-16T21:41:04Z")

</div>

깨끗하게 설치한 환경에서도 작성기에 모든 서식 옵션이 여전히 표시됩니까? 제 생각에는 추가된 서식 옵션들이 작성기를 예상보다 더 넓게 만드는 것 같습니다. 테마 구성 요소가 작성기에 서식 옵션을 추가하고 있을 수도 있습니다. 안전 모드에서 사이트를 방문하면 동일한 문제가 여전히 발생합니까?

---

<div class="post-metadata">

### Author: ![TheBaby5](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thebaby5/32/178897_2.png) [@TheBaby5](https://meta.discourse.org/u/TheBaby5)
#### Post date: [9월 17, 2020, 2:04오후 UTC](https://meta.discourse.org/t/post-approval-page-weird-looking-post-preview-section/163852/7 "2020-09-17T14:04:38Z")

</div>

안전 모드에서는 모든 것이 정상인데, 플러그인이 설치된 상태에서 이 문제를 해결할 방법은 없나요?

---

<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: [9월 17, 2020, 3:49오후 UTC](https://meta.discourse.org/t/post-approval-page-weird-looking-post-preview-section/163852/8 "2020-09-17T15:49:32Z")

</div>

어떤 플러그인이 문제를 일으켰는지 특정할 수 있다면 가능합니다.

원인을 정확히 파악할 수 없다면, 문제가 Discourse 자체에 있는지 제3자 코드에 있는지 판단하는 것은 불가능합니다.

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [9월 17, 2020, 5:29오후 UTC](https://meta.discourse.org/t/post-approval-page-weird-looking-post-preview-section/163852/9 "2020-09-17T17:29:08Z")

</div>

확인해 주셔서 감사합니다. 문제가 되는 부분은 테마나 플러그인이 컴포저의 툴바에 추가 버튼을 많이 추가할 경우, 컴포저의 폭이 추가된 버튼을 모두 담기 위해 최대 폭으로 늘어나게 된다는 것입니다. 이로 인해 미리보기 영역의 폭이 줄어들게 됩니다.

---

<div class="post-metadata">

### Author: ![TheBaby5](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thebaby5/32/178897_2.png) [@TheBaby5](https://meta.discourse.org/u/TheBaby5)
#### Post date: [9월 17, 2020, 7:55오후 UTC](https://meta.discourse.org/t/post-approval-page-weird-looking-post-preview-section/163852/10 "2020-09-17T19:55:44Z")

</div>

툴바 플러그인, gif, 키보드 플러그인… 모두 플러그인 카테고리에 속합니다!

만약 방법이 있다면, 최소한 관리자 및 스태프에게는 이들을 숨길 수 있으면 좋겠습니다!

예를 들어, 추가 기능을 선택할 수 있는 ‘더 보기’ 화살표 버튼 같은 것을 추가하는 방식이죠. 그렇지 않으면, 최소한 관리자 및 스태프 멤버에게는 숨겨져 있어야 미리보기 크기가 줄어들지 않습니다.

---

<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: [9월 17, 2020, 8:16오후 UTC](https://meta.discourse.org/t/post-approval-page-weird-looking-post-preview-section/163852/11 "2020-09-17T20:16:38Z")

</div>

#official 태그가 붙어 있지 않은 경우, 해당 코드가 제3자 코드일 가능성이 높습니다.

어떤 구성 요소가 책임 있는지 파악한 후, 관련 플러그인 또는 구성 요소 토론에서 작성자에게 알려야 합니다.
