Skip to content
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

add: ダイアログのデザインを調整し、文言も調整していく #2410

Conversation

Hiroshiba
Copy link
Member

@Hiroshiba Hiroshiba commented Dec 11, 2024

内容

ダイアログのデザインを調整し、文言も調整しました。

ボタンの見た目は、とりあえずデフォルトはoutlineに、そうじゃないものはunrelavedにしました。
なんかもうちょっと良い見た目ありそうだけど、まあ一旦ちょっとこれで。。。
良いデザイン入ってほしい・・・。

関連 Issue

スクリーンショット・動画など

見た目こんな感じになりました。

その他

ダイアログの文面ですが、タイトルは疑問文にし、本文には疑問文を含めない方針にしました。
本部に疑問文を含めないのはAdobeのガイドラインmaterial designのガイドラインに沿い、不要な文面を削除するためです。
タイトルを疑問文にするのはAdobeのガイドラインに反しているのですが、どうしても質問になるダイアログもあるので、統一するなら疑問文の方かなと。
(分かりやすい例だと、保存せずに消そうとした時に「プロジェクトファイルを保存しますか?」と出るやつ。「プロジェクトファイルを保存する」というタイトルだと違和感がある)

ちなみにデザインはちょっと迷ったのですが、全部outlineにするとこうなってしまってprimaryが見づらくなってしまったので、とりあえず。。。

@Hiroshiba Hiroshiba requested a review from a team as a code owner December 11, 2024 16:13
@Hiroshiba Hiroshiba changed the title ダイアログのデザインを調整し、文言も調整していく add: ダイアログのデザインを調整し、文言も調整していく Dec 11, 2024
@voicevox-preview-pages
Copy link

voicevox-preview-pages bot commented Dec 11, 2024

🚀 プレビュー用ページを作成しました 🚀

更新時点でのコミットハッシュ:9309808

export type DialogType = "none" | "info" | "error" | "question" | "warning";
export type DialogType = "info" | "error" | "question" | "warning";
Copy link
Member Author

@Hiroshiba Hiroshiba Dec 13, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

noneとinfoの役割の違いがややこしかったので削除しました。
infoにするとnone相当(アイコンがつかない)になってます。

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ダークモードのボタンの感じがなんかだいぶ微妙かもだけど・・・・・・・・まあ一旦とりあえずこれで・・・・・・

Copy link
Member Author

@Hiroshiba Hiroshiba left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@sevenc-nanashi ダイアログのデザイン変えますというご共有まで・・・!

もうちょっとかっこよくしたい気持ちもありますが、まあ一旦・・・。
(あとダイアログのデザイン統一したい・・・。)

src/components/Dialog/Dialog.ts Outdated Show resolved Hide resolved
Copy link
Member

@sevenc-nanashi sevenc-nanashi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

よさそう。LGTM!

@Hiroshiba
Copy link
Member Author

レビューありがとうございます! マージします!

@Hiroshiba Hiroshiba merged commit 1bb22e1 into VOICEVOX:main Dec 13, 2024
10 checks passed
@Hiroshiba Hiroshiba deleted the ダイアログのデザインを調整し、文言も調整していく branch December 13, 2024 08:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants