Horizon에서 새 주제 버튼의 위치

Create a new topic button disappeared 토론을 이어서:

이 버튼을 플로팅으로 변경하고 우측 하단으로 이동할 수 있을까요? 제 제한적인 CSS 실력으로 시도해 보았지만 실패했습니다. Horizon의 HTML이 이를 제한하고 있다고 의심됩니다.

이것이 가능하도록 조언이나 가이드라인을 주시면 감사하겠습니다 :slight_smile:

이렇게 말씀하시는 건가요?

이런 식이면 될 것 같습니다.

.sidebar-new-topic-button__wrapper {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    margin: 0;
}

하지만 페이지의 다른 요소들을 '인지’하지 못하므로, 다른 요소들과 겹칠 수 있습니다.

감사합니다! 제가 시도한 방법도 그거였는데, 다른 많은 요소들에 의해 가려져서 해결이 안 됩니다. 그리고 까다로운 z-index: 999도 거기서는 작동하지 않아요. 테마의 조상 요소들 때문이라는 걸 이해하고 있습니다.

토픽 카드, 우측 사이드바 요소 등에 의해 가려지는 거죠.

음, 네가 맞네. 이상하네. 왜 그런지 한번 알아볼게.

아, DOM 부모 요소에 position:sticky가 적용되어 있어서 그런 거군요… 그게 원인은 맞는데 CSS로 해결할 수 있을지 모르겠네요 :sweat_smile:

다만, sidebar-wrapperz-index:1을 설정하면 스택킹 컨텍스트가 수정되고(버튼이 우리가 원하는 대로 동작하게 됩니다). 이것이 다른 결과를 초래한다고 생각하지는 않지만, z-index는 어떻게 될지 모릅니다.

아직 로그인하지 않은 사용자에게 버튼을 보이게 하려면 어떻게 해야 하나요? @chapoi

안녕하세요, 이 내용은 Development 채널에서 새 토픽을 만들어서 공유해 주세요. 그리고 스태프에게 핑을 보내지 않도록 해주세요. 감사합니다.