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

デザインをバージョン0.19.0に向けて調整 #2025

Conversation

Hiroshiba
Copy link
Member

@Hiroshiba Hiroshiba commented Apr 26, 2024

内容

デザインをちょっとだけ調整させていただきました!

  • ノートの選択色をプライマリーカラーに寄せる
  • ノートのアニメーションをなくす
  • ピッチとノート編集の切り替えボタンをトグル形式からグループボタン形式に変える
    • コンポーネント化しました
    • ついでにツールチップ置いておきました
  • 再生位置インジケーターの線の色を薄く

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

image

image

その他

@Hiroshiba Hiroshiba requested a review from a team as a code owner April 26, 2024 21:41
@Hiroshiba Hiroshiba requested review from y-chan and removed request for a team April 26, 2024 21:41
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.

ちょっとダークモードの選択色が見づらいかもだけど。。。これで。。。

Comment on lines 313 to 315
background-color: lab(90, -22.953, 14.365);
border-color: lab(75, -22.953, 14.365);
outline: solid 2px lab(80, -22.953, 14.365);
Copy link
Member Author

Choose a reason for hiding this comment

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

選択ノート色、正直ちょっとくすんで見えて、これでいいんかなと思いつつ、って感じです。。

<!-- ノート -->
<QBtn
dense
icon="piano"
Copy link
Member Author

Choose a reason for hiding this comment

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

ノートのアイコンいいの思いつかなくてピアノアイコンにとりあえずしました。。

Comment on lines 20 to 21
:color="editTarget === 'PITCH' ? 'primary' : undefined"
:text-color="editTarget === 'PITCH' ? 'display' : undefined"
Copy link
Member Author

Choose a reason for hiding this comment

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

選択されている時の色を背景primary+白文字から背景primary+黒文字に変更しました。

@Hiroshiba
Copy link
Member Author

マージします!

@Hiroshiba Hiroshiba merged commit be5dd82 into VOICEVOX:main Apr 26, 2024
8 checks passed
@Hiroshiba Hiroshiba deleted the デザインをバージョン0.19.0に向けて調整 branch April 26, 2024 21:56
sevenc-nanashi pushed a commit to sevenc-nanashi/voicevox that referenced this pull request Apr 28, 2024
* 再生ヘッドを少し薄く

* ノートアニメーションを削除

* デザインをバージョン0.19.0に向けて調整

* display-on-primary

* ダークモード用に色調整。。
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.

1 participant