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

テーマ設定のUI改善 #4154

Merged
merged 21 commits into from
May 10, 2024
Merged

テーマ設定のUI改善 #4154

merged 21 commits into from
May 10, 2024

Conversation

Nattuki
Copy link
Contributor

@Nattuki Nattuki commented Nov 17, 2023

#2203
設計図通りにテーマ設定のレイアウト・様式変更してみました。

変更前
スクリーンショット 2023-11-17 21 27 37

変更後
スクリーンショット 2023-11-17 21 27 58

@Nattuki Nattuki self-assigned this Nov 17, 2023
Copy link

Copy link

codecov bot commented Nov 17, 2023

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 86.35%. Comparing base (4c3688d) to head (e585c73).
Report is 182 commits behind head on master.

❗ Current head e585c73 differs from pull request most recent head a53e653. Consider uploading reports for the commit a53e653 to get more accurate results

Additional details and impacted files
@@           Coverage Diff           @@
##           master    #4154   +/-   ##
=======================================
  Coverage   86.35%   86.35%           
=======================================
  Files          66       66           
  Lines        4719     4719           
  Branches      564      564           
=======================================
  Hits         4075     4075           
  Misses        638      638           
  Partials        6        6           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link
Member

@mehm8128 mehm8128 left a comment

Choose a reason for hiding this comment

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

PRありがとうございます!
いくつかあるので、対応お願いします

src/views/Settings/ThemeTab.vue Outdated Show resolved Hide resolved
src/views/Settings/ThemeTab.vue Outdated Show resolved Hide resolved
src/components/Settings/ThemeTab/EditTheme.vue Outdated Show resolved Hide resolved
src/components/Settings/ThemeTab/EditTheme.vue Outdated Show resolved Hide resolved
src/views/Settings/ThemeTab.vue Outdated Show resolved Hide resolved
src/views/Settings/ThemeTab.vue Show resolved Hide resolved
@mehm8128 mehm8128 self-requested a review November 26, 2023 14:31
Copy link
Member

@mehm8128 mehm8128 left a comment

Choose a reason for hiding this comment

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

動きは大体よさそうです!
細かいところ書いたので確認してほしいです:pray:

src/views/Settings/ThemeTab.vue Outdated Show resolved Hide resolved
src/store/ui/modal/states.ts Outdated Show resolved Hide resolved
Copy link
Member

Choose a reason for hiding this comment

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

should
他のに合わせてSettingsThemeEditとかにしてほしいです:pray:

Copy link
Member

Choose a reason for hiding this comment

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

あ、すみませんこれファイル名もディレクトリ名も、SettingsThemeEditModalですね(Modalつける)

</modal-frame>
</template>

<script lang="ts">
Copy link
Member

Choose a reason for hiding this comment

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

nits
歴史的経緯により元は分割されてましたが、多分<script lang="ts" setup>の方にまとめちゃって大丈夫です

src/components/Modal/EditThemeModal/EditThemeModal.vue Outdated Show resolved Hide resolved
src/components/Settings/ThemeTab/EditTheme.vue Outdated Show resolved Hide resolved
src/components/UI/FormRadio.vue Outdated Show resolved Hide resolved
src/components/Modal/EditThemeModal/EditThemeModal.vue Outdated Show resolved Hide resolved
src/components/Modal/EditThemeModal/EditThemeModal.vue Outdated Show resolved Hide resolved
src/views/Settings/ThemeTab.vue Outdated Show resolved Hide resolved
@mehm8128
Copy link
Member

あと、再レビューしてOKな状態になったらここから再レビュー依頼お願いします
image

@Nattuki Nattuki requested a review from mehm8128 December 4, 2023 11:03
Copy link
Member

@mehm8128 mehm8128 left a comment

Choose a reason for hiding this comment

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

#4154 (comment)
ここだけ直してほしいです:pray:
あとはよさそうです

@@ -1,5 +1,5 @@
<template>
<label :class="$style.label">
<label :class="$style.label" :aria-checked="isChecked">
Copy link
Member

Choose a reason for hiding this comment

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

nits
あ、ここ:aria-checked="isChecked"消し忘れだと思うので消しておいてほしいです

Copy link
Member

@mehm8128 mehm8128 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 110 to 112
display: flex;
align-items: center;
font-weight: bold;
Copy link
Member

Choose a reason for hiding this comment

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

should

display: flex;
align-items: center;

FormRadio側で定義してるから多分いらなくて、font-weight: bold;は多分全ラジオボタンで共通になるのでFormRadio側に移動してほしいです🙏

.content {
margin-left: 12px;
margin-left: 0px;
Copy link
Member

Choose a reason for hiding this comment

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

nits
これ前に消したっけ?復活してそう

@Nattuki Nattuki requested a review from mehm8128 May 9, 2024 07:53
Copy link
Member

@mehm8128 mehm8128 left a comment

Choose a reason for hiding this comment

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

よさそうです、ありがとうございました!

@mehm8128 mehm8128 merged commit 3cf4790 into master May 10, 2024
9 checks passed
@mehm8128 mehm8128 deleted the Natsuki/theme-alter branch May 10, 2024 15: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.

None yet

3 participants