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.15に向けたUXやUIの調整 #1719

Merged
merged 18 commits into from
Jan 20, 2024
Merged

0.15に向けたUXやUIの調整 #1719

merged 18 commits into from
Jan 20, 2024

Conversation

Hiroshiba
Copy link
Member

@Hiroshiba Hiroshiba commented Jan 17, 2024

内容

まだ完成していませんがメモのためにプルリク作りました。

  • 行番号のデザイン調整
  • トーストのUI・UX調整
  • エディタの+ボタンを隠すときにダイアログを表示しないように変更
  • 設定ダイアログの縦幅を統一
  • 設定やUIの名称を調整
  • 設定の「再生位置を追従」をq-btn-toggleに合わせる
  • プリセット機能を通常機能に、スライドトランジションも追加
  • 設定のツールチップの挙動を統一
  • 使い方を調整
  • 「調整結果の保持」を開発時のみ機能に

関連 Issue

resolve #1258

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

その他

Comment on lines -152 to -157
<span
v-for="(obj, key) in activePointScrollModeOptions"
:key="key"
class="visually-hidden"
>{{ `「${obj.label}」モードの場合、${obj.desc}` }}</span
>
Copy link
Member Author

Choose a reason for hiding this comment

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

ここで複数から選択するUIをマウスホバーしないと表示できないツールチップと同じ内容をaria-labelで紹介しているのですが、他の要素と異なるので一旦削除しました。
その代わりこちらにFIXMEコメントを追加しています。
https://github.com/VOICEVOX/voicevox/pull/1719/files#diff-1106a551f0d5f62be2c2917e11f7e47cfd69c9c48d7cc2124f35bbf3aea078a6R311

@Hiroshiba Hiroshiba marked this pull request as ready for review January 20, 2024 13:02
@Hiroshiba Hiroshiba requested a review from a team as a code owner January 20, 2024 13:02
@Hiroshiba Hiroshiba requested review from y-chan and removed request for a team January 20, 2024 13:02
Comment on lines -1111 to 1088
// エディタの+ボタン表示設定
const showAddAudioItemButton = computed(
() => store.state.showAddAudioItemButton
);
const changeShowAddAudioItemButton = async (
showAddAudioItemButton: boolean
) => {
store.dispatch("SET_ROOT_MISC_SETTING", {
key: "showAddAudioItemButton",
value: showAddAudioItemButton,
});

// 設定をオフにする場合はヒントを表示
if (!showAddAudioItemButton) {
const result = await store.dispatch("SHOW_CONFIRM_DIALOG", {
title: "エディタの+ボタンを非表示にする",
message: "テキスト欄は Shift + Enter で追加できます",
actionName: "非表示",
});
if (result === "CANCEL") {
// キャンセルしたら設定を元に戻す
store.dispatch("SET_ROOT_MISC_SETTING", {
key: "showAddAudioItemButton",
value: true,
});
}
}
};
const [showAddAudioItemButton, changeShowAddAudioItemButton] =
useRootMiscSetting("showAddAudioItemButton");

Copy link
Member Author

Choose a reason for hiding this comment

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

テキスト追加ボタンを非表示にする際に確認ダイアログを出していたのですが、まあ別にいいかなということで確認ダイアログを出さないようにしました。
確認ダイアログの中の文言が結構難しかったためです。

@Hiroshiba
Copy link
Member Author

多分問題ないと思うのでマージします!

@Hiroshiba Hiroshiba merged commit 27529f3 into VOICEVOX:main Jan 20, 2024
8 checks passed
@Hiroshiba Hiroshiba deleted the to-0.15 branch January 20, 2024 13:13
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