-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
등급 미달 멤버의 수료증 링크 비활성화 #224
base: main
Are you sure you want to change the base?
Conversation
@@ -43,6 +43,9 @@ a { | |||
font: inherit; | |||
margin: 0; | |||
padding: 0; | |||
} | |||
|
|||
a:link { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
모든 a
요소가 아니라 클릭할 수 있는 a
요소에만 커서 포인터가 필요합니다.
if (disabled && variant !== "primaryButton") { | ||
throw new Error( | ||
"The `disabled` prop is only supported for the primaryButton variant", | ||
); | ||
} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
primaryButton
외 variant
에 대해서는 아직 정의된 스타일이 없기 때문에 지원하지 않는 속성 값의 조합이 넘어오면 오류를 발생시킵니다. 이런 식으로 컴포넌트가 의도되지 않은 방식으로 사용되는 것을 방지할 수 있습니다.
@yolophg 흑, 😢 제가 피그마에서 우려했던 것처럼 명암비 때문에 접근성 위반이 발생하네요... 하얀 배경에서는 단독으로 쓰일 때는 괜찮은데요. 카드 배경 색 위에서는 명암비가 살짝 부족하네요. 비활성화 링크에 opacity가 있는 색상이 사용되어 그런 걸로 예상되는데 확인 좀 부탁드리겠습니다. |
이런, 카드 배경색에서 막혔군요. 디자인 재업데이트하고 공유 드리겠습니다! |
까맣게 잊고 병목을 만들었군요, 죄송합니다!😅😭 흰 배경 외에, bg-300 컬러 배경일 때도 a11y 통과하도록 업데이트 해두었으니 적용해주시면 되겠습니다. 감사합니다! |
등급 미달 멤버의 수료증 발급을 차단한 PR #221에 이어서, 등급 미달 멤버의 수료증 링크를 비활성화시켰습니다. 관련해서
<Link/>
컴포넌트가disabled
속성을 지원하도록 수정하였습니다.체크리스트