-
Notifications
You must be signed in to change notification settings - Fork 140
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
fix: table 内 th の詳細度が高すぎる #802
Conversation
Deploy preview for smarthr-ui ready! Built with commit 458636f |
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.
1件コメントしました!
@@ -34,7 +34,7 @@ const Wrapper = styled.table<{ themes: Theme }>` | |||
border-spacing: 0; | |||
background-color: ${COLUMN}; | |||
|
|||
& > thead > tr > th { | |||
th { |
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.
[ask] これまで thead 内の th にしか当たらなかったスタイルが tbody 内の th にも当たるように挙動が変わりましたがデザイン的にはそれで問題ないでしょうか?
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.
それはヘッダが縦に並ぶ場合の話しだと思うんですが、あくまで th は table header であり、この th への background-color はその table header を表すものだと解釈したので問題ないと思っています!
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.
であれば問題ないです!
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.
LGTM 🎉
@@ -34,7 +34,7 @@ const Wrapper = styled.table<{ themes: Theme }>` | |||
border-spacing: 0; | |||
background-color: ${COLUMN}; | |||
|
|||
& > thead > tr > th { | |||
th { |
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.
であれば問題ないです!
1b4cd60
to
f5486fa
Compare
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.
遅れました!すみません! LGTM 🎉
フォークして PR してたので出し直し。 |
table
内th
の詳細度が高すぎるため、スタイルのオーバーライドが面倒になってる。厳密に
table > thead > tr > th
である必要はまったくない。table > thead > tr > th
table th