안녕하세요, 여러분! 답변을 찾아보았지만 찾지 못했습니다. 새 주제 헤더 버튼(첨부된 이미지, 텍스트를 "질문하기"로 변경, 녹색 버튼)을 헤더의 카테고리 링크 왼쪽으로 이동하고 싶습니다. 데스크톱과 모바일 기기 모두에서 더 눈에 띄게 보이도록 하고 싶습니다. 또한 모바일 기기에서는 실제 녹색 버튼이 보이도록 크기를 조정하고 싶습니다.
이것이 가능한가요? 방향을 잡아주셔서 감사합니다!
안녕하세요, 여러분! 답변을 찾아보았지만 찾지 못했습니다. 새 주제 헤더 버튼(첨부된 이미지, 텍스트를 "질문하기"로 변경, 녹색 버튼)을 헤더의 카테고리 링크 왼쪽으로 이동하고 싶습니다. 데스크톱과 모바일 기기 모두에서 더 눈에 띄게 보이도록 하고 싶습니다. 또한 모바일 기기에서는 실제 녹색 버튼이 보이도록 크기를 조정하고 싶습니다.
이것이 가능한가요? 방향을 잡아주셔서 감사합니다!
안녕하세요, 포크를 한 다음 이 아웃렛을 수정해 보세요:
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에 입력하세요).
정말 감사합니다!! 시간 내어 도와주셔서 감사해요. 한번 시도해볼게요.