-
Notifications
You must be signed in to change notification settings - Fork 141
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!: ModelessDialogの見出し部分がHeadingかつ、自動レベル計算されるように修正する SHRUI-961 #5459
base: master
Are you sure you want to change the base?
Conversation
commit: |
1ee1ba9
to
1471819
Compare
ffe235b
to
d5919ed
Compare
@@ -55,7 +56,7 @@ export const DialogOverlap: FC<Props> = ({ isOpen, className, children }) => { | |||
unmountOnExit | |||
nodeRef={nodeRef} | |||
> | |||
<Center verticalCentering ref={nodeRef} className={styles}> | |||
<Center verticalCentering ref={nodeRef} className={styles} as={as}> |
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.
styleの関係でDialog全体をSectionでラップする形に変更します。
asはoptionなのでModelssDialog以外には影響ありません
} = useMemo(() => { | ||
const { overlap, wrapper, headerEl, title, dialogHandler, closeButtonLayout, footerEl } = | ||
modelessDialog() | ||
const classNames = useMemo(() => { |
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.
styleのフォーマットを他と合わせてclassNamesにまとめ直しています。
overlap: overlap({ className }), | ||
wrapper: wrapper({ resizable }), | ||
header: headerEl(), | ||
title: titleEl(), |
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.
コンポーネントのheader属性をtitle属性に変更した関係で、内部変数が同じ名称になってしまったため、内部変数の名称を変えています
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~
関連URL
SHRUI-961
概要
変更内容
確認方法