macOS HiDPI でメニューが大きすぎる

[xqq]

MirakTest を開発してくれて、いつもありがとうございます。

HiDPI の macOS 環境において、個人的にはメニューがデカすぎるではないかと思います。

もしこれは意図的であれば、この issue を close しても良いと思います。

[ci7lus]

このアプリは全体的にウィンドウサイズからの相対サイズ（rem）で指定するようにしていて、理由としては #12 (comment) とそれを受けて立てた #17 が詳しいのですが、4K画面など大きな画面で表示するとUIが小さく出そうなので、操作できないぐらいなら大きい方がいいだろうと思いこうしています。

私は大きい画面を持っていないのでMacBookPro 13inの全画面程度でしか確認できないのですが、実際大きな画面だと今の指定はどういう感じになっているんでしょうか。現状で大体うまく使えている、もう少し小さくてもいい、何px以下ぐらいの方がいいなどあれば教えていただけるとうれしいです cc: @kilinbox

また次のリリースまでにはselectでのサービス選択もサイドメニューに移行するつもりでいて、そのメニューは無くなるんですが、サイズ感の問題はrem指定の限りは関係すると思うので検討の余地ありです。

デザインまだまだですが大体のイメージ画面:

[xqq]

27 インチの 4k モニタ使っているのですが、ロジカル解像度は 2560x1440 となっています。

もしテレビの場合などであれば、UI 要素のサイズは viewport のサイズにそのまま連動してもいいですが、

パソコンのユーザーとしては、やっぱりそのまま連動すると UI 要素は大きすぎるかなと思います。

ちなみに、右クリックのメニューはこんな感じです。

[ci7lus]

なるほど、4Kモニタで大きすぎる感じだと調整の余地充分にありかもしれません。
今試してみたら max(14px, 1.5vw) でなくて max(14px, 1.2vw) 程度でちょうどな気がしてきました。

試しにビルドしてみたので以下から試してみてください:
https://github.com/ci7lus/MirakTest/actions/runs/1567190697

[xqq]

小さくなってきましたね。

おおむね納得になっていると思いますが、ただ、

UI 要素のサイズがウィンドサイズに連動して動的変化する一方、右クリックのメニューは OS の UI に一致するため、
右クリックメニューのサイズが他の要素と大きく違って違和感が生じています。

個人的には OS の UI 要素のサイズ（DPI のみに依存）に一致するほうがパソコン的な UI だと思いますが...

[ci7lus]

とりあえず最大サイズが100%を超えないようにしてみました。ただ無指定にするとウィンドウをが小さめのときに大きすぎるのですが、clamp(14px, 1.25vw, 100%) あたりでうまく調整できている気がします。
https://github.com/ci7lus/MirakTest/actions/runs/1567361078

[kilinbox]

ccいただいたので私からもご報告。
私は43インチの4K解像度ディスプレイをスケール変えて利用しています。
画面が物理的に大きいので少し離れて見ている感じですね。

Resolution: 3840 x 2160 (2160p/4K UHD 1 - Ultra High Definition)
UI Looks like: 1920 x 1080 @ 60.00Hz

結論を申しますと、修正前も修正後も特に問題ありません。

[xqq]

とりあえず最大サイズが100%を超えないようにしてみました。ただ無指定にするとウィンドウをが小さめのときに大きすぎるのですが、clamp(14px, 1.25vw, 100%) あたりでうまく調整できている気がします。 https://github.com/ci7lus/MirakTest/actions/runs/1567361078

とても良くなりました。ありがとうございます。

[ci7lus]

お二方とも確認ありがとうございます、大丈夫そうなので次回リリースに含めたいと思います。