새 주제 헤더 버튼을 이동하고 모바일 기기에서 크기를 키우는 방법

안녕하세요, 여러분! 답변을 찾아보았지만 찾지 못했습니다. 새 주제 헤더 버튼(첨부된 이미지, 텍스트를 "질문하기"로 변경, 녹색 버튼)을 헤더의 카테고리 링크 왼쪽으로 이동하고 싶습니다. 데스크톱과 모바일 기기 모두에서 더 눈에 띄게 보이도록 하고 싶습니다. 또한 모바일 기기에서는 실제 녹색 버튼이 보이도록 크기를 조정하고 싶습니다.

이것이 가능한가요? 방향을 잡아주셔서 감사합니다!

안녕하세요, 포크를 한 다음 이 아웃렛을 수정해 보세요:
https://github.com/discourse/discourse-new-topic-button-theme-component/blob/ab8b7edeeae372ace366c119192f56144c12973f/javascripts/discourse/initializers/initialize-header-new-topic-button.gjs#L5

다음과 같은 내용으로 변경할 수 있습니다:

api.renderInOutlet("bread-crumbs-left", CustomHeaderTopicButton);

예를 들어, 저는 버튼을 사이드바 위에 배치했습니다:
https://github.com/NateDhaliwal/discourse-new-topic-button-theme-component/blob/f605192ee124a515b03a92527b78ada35e6a57b3/javascripts/discourse/initializers/initialize-header-new-topic-button.js#L5

CSS를 사용하여 버튼의 모양을 변경할 수도 있습니다 (새 테마를 만들고, ‘mobile’ 탭에 CSS를 입력하거나, 리포지토리를 사용하는 경우 mobile.scss에 입력하세요).

2개의 좋아요

정말 감사합니다!! 시간 내어 도와주셔서 감사해요. 한번 시도해볼게요.

1개의 좋아요