Boilerplate discourse 코드가 !important를 사용하고 있습니다. 이 부분을 제거해 주시겠어요? 그래야 저도 !important를 사용하지 않고 오버라이드할 수 있을 텐데… 버튼은 접근성을 위해 포커스/호버 상태가 필요합니다.
안녕하세요! 이러한 투명 버튼은 투명성을 유지해야 하므로 강제로 투명하게 설정되어 있습니다. 해당 기능을 변경하려는 부분을 알려주실 수 있을까요? 현재 마우스를 올렸을 때 버튼이 여전히 투명하게 유지되고 있나요?
네, 호버와 활성 상태에서도 투명도가 강제로 적용되고 있습니다. 우리는 투명한 버튼이 필요하지 않으며, 버튼에 호버/포커스 및 활성 상태가 적용되기를 원합니다.
스크린샷은 버튼의 위치를 보여 주지만, 이는 모든 버튼에 해당됩니다:
포커스 링은 복원했지만, 사용자가 마우스가 버튼 위에 올라와 있는지 알 수 있도록 배경색과 아이콘 색상이 함께 변경되기를 기대합니다.
아이콘 색상은 호버 시 변경되지만, 버튼이 투명하기 때문에 배경색은 변경되지 않습니다.
여기에 더 많은 의견을 모으겠습니다. 변경이 필요할 수도 있습니다.
배경색과 텍스트 색상을 변경하고 싶기 때문에 important가 사용에 제약을 줍니다. 저는 코드를 작성할 때 정말 불가피한 경우가 아니면 important를 사용하지 않으려 노력하므로, 기본 템플릿 코드를 오버라이드하기 위해 고군분투해야 하는 상황은 피하고 싶습니다.
1개의 좋아요
여기서 !important를 제거하는 것이 괜찮아 보입니다. 관련 pull request를 열었습니다: DEV: remove !important from btn-transparent background - Pull Request #29809 - discourse/discourse - GitHub
5개의 좋아요