모바일 버튼에 "답장" 텍스트 추가

데스크톱에서는 주제 아래에 텍스트가 포함된 답변 버튼이 있어 초보자에게도 매우 쉽고 사용자 친화적입니다. 그러나 모바일에서는 아이콘만 있는 상자 형태입니다. “답변” 텍스트를 다시 표시할 수 있는 방법이 있을까요? 인스펙터를 사용해 봤는데, 텍스트는 있는 것으로 보아 해당 도구가 모바일 버전을 제대로 렌더링하지 않는 것 같습니다.

모바일에서 해당 요소를 대상으로 지정하려면 다음을 사용할 수 있습니다:

html:not(.anon) #topic-footer-buttons .topic-footer-main-buttons .d-button-label {
  display: block;
}

간단한 테스트에서 아이콘의 margin을 오버라이드해야 했습니다:

html:not(.anon) #topic-footer-buttons .topic-footer-main-buttons .d-icon {
  margin-right: 0.45em;
}

@pmusaraj 감사합니다. 참고로, 모바일 버전을 검사할 수 있게 된 방법을 알려주실 수 있을까요? 제가 시도해 보면, 예를 들어 iPhone을 선택해도 축소된 데스크톱 사이트가 표시됩니다.

실제 폰을 Mac에 연결하여 Safari를 검사했습니다.

Chrome에서는 mobile_view=1을 추가하여 앱이 모바일 버전을 로드하도록 강제할 수도 있습니다. 또는 폰을 에뮬레이션하면서 페이지를 새로고침하면 모바일 뷰로 전환됩니다.

5년 넘게 써왔는데 이런 기능이 있다는 걸 처음 알았네요. ㅋㅋ 효과가 정말 좋아요. 정말 감사합니다 :slight_smile: