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

ツールバーの表示を整理する #1830

Merged
merged 6 commits into from
Feb 10, 2024

Conversation

romot-co
Copy link
Contributor

@romot-co romot-co commented Feb 7, 2024

内容

以下の変更を行います。

  • シング ツールバーの表示を意図を明瞭にし、拡張しやすくします
  • シング ツールバーにラベルやアイコンを付与し、意図を明確にします(音量やスナップなど)
  • シング ツールバーの視認性を上げます

以下の順にし、今後も含め各コントロールの意図を明確にします

ソングのグローバルな設定(キャラ / テンポや拍子)
プレイヤー
編集のためのコントロール

関連 Issue

ref #1793
close #0

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

今回変更後

スクリーンショット 2024-02-07 19 37 02 スクリーンショット 2024-02-07 19 38 21

元案

voicevox-sequencer-dark

その他

Medium Emphasisテキスト(あまり強調しない部分)...今回でいうとミリ秒のところは色抑えめ(あとサイズ小さめ)
Outline Dimmed...入力のボーダーライン薄め...今後含め機能多くなりそうなのでゴチャゴチャになるのを回避したい

あたりは必要に応じて #1810 で調整

@romot-co romot-co requested a review from a team as a code owner February 7, 2024 10:34
@romot-co romot-co requested review from y-chan and removed request for a team February 7, 2024 10:34
@romot-co romot-co changed the title Feature/1793 enhance clarify toolbar UI ツールバーの表示を整理する Feb 7, 2024
Copy link
Member

@y-chan y-chan left a comment

Choose a reason for hiding this comment

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

LGTM!
かなり良い感じになったんじゃないかなと思います...!

src/components/Sing/ToolBar.vue Show resolved Hide resolved
@Hiroshiba Hiroshiba merged commit fb78789 into main Feb 10, 2024
18 checks passed
@Hiroshiba Hiroshiba deleted the feature/1793_enhance_clarify_toolbar_ui branch February 10, 2024 02:50
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.

3 participants