Skip to content
This repository has been archived by the owner on Apr 12, 2023. It is now read-only.

[a11y][Android] フォントサイズを変更するとボタンのデザインが崩れる #834

Closed
fumiya-kume opened this issue Jan 28, 2022 · 4 comments · Fixed by #854 or #883
Closed
Labels
beta Beta版 design デザイン関連の Issue enhancement 新しい機能や改善のリクエスト

Comments

@fumiya-kume
Copy link
Contributor

fumiya-kume commented Jan 28, 2022

不具合の内容 / Describe the bug

ボタンのテキストが二行になる or 枠線そのpaddingが極端に狭くなります。

再現手順 / Steps to reproduce

  1. 端末の 設定アプリ>ユーザー補助>テキストと表示>フォントサイズ に行き、
  2. フォントサイズを最大にする
  3. COCOA2 を開きHome画面 or その他画面にいくと
  4. ボタンのデザインが崩れます

期待される挙動 / Expected behavior

ボタンのテキストに応じて横幅を広げるのはどうでしょうか?

スクリーンショット / Screenshots

Normal size Big size

動作環境 / Environments

  • デバイス:Pixel 6 Pro
  • OS: Android 12
  • バージョン:2.0.0-beta02

その他 / Additional context

@b-wind
Copy link

b-wind commented Jan 29, 2022

ウチの親のスマホなども老眼で常に最大サイズのフォントを指定しているのでこんな感じの表示になりますね。
慣れてしまって違和感を覚えなくなってしまっていました。

@b-wind
Copy link

b-wind commented Jan 29, 2022

ボタンのテキストに応じて横幅を広げるのはどうでしょうか?

横幅の調整は様々な機種の解像度を考慮する必要があり難しそうな?気がしました(実際の所はよく分からず)

現時点では取りあえず文字に角丸の枠が被らないようにして欲しいかなと言う印象です。
どちらかというと縦方向に余裕を付ける事になるでしょうか。

@keiji keiji added beta Beta版 design デザイン関連の Issue enhancement 新しい機能や改善のリクエスト labels Jan 29, 2022
@fumiya-kume
Copy link
Contributor Author

ボタンのテキストに応じて横幅を広げるのはどうでしょうか?

横幅の調整は様々な機種の解像度を考慮する必要があり難しそうな?気がしました(実際の所はよく分からず)

現時点では取りあえず文字に角丸の枠が被らないようにして欲しいかなと言う印象です。 どちらかというと縦方向に余裕を付ける事になるでしょうか。

固定横幅ではなく、
min-width: wrap_content
max-width: match_parent

みたいな感じにするといいのかもです。(Android な擬似コードで表現してみました)

@takikunxo
Copy link
Contributor

横から失礼します。

ボタンのテキストが二行になる or 枠線そのpaddingが極端に狭くなります

paddingのvalueが元々、0だったみたいです。

現時点では取りあえず文字に角丸の枠が被らないようにして欲しいかなと言う印象です。
どちらかというと縦方向に余裕を付ける事になるでしょうか。

こちらの観点での修正ですとpadding追加すれば済むのではないかと思っています。

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
beta Beta版 design デザイン関連の Issue enhancement 新しい機能や改善のリクエスト
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants