[2024.9.0-alpha.11] 名前が横方向に押しつぶされて読めなくなる

[fruitriin]

💡 Summary

横幅が狭いとｷﾞﾁｷﾞﾁ

🥰 Expected Behavior

どうしよう

🤬 Actual Behavior

https://misskey.gamelore.fun/notes/9yp749jsh6

https://misskey.gamelore.fun/notes/9yp77rf0ax

📝 Steps to Reproduce

No response

💻 Frontend Environment

* Model and OS of the device(s):
* Browser:
* Server URL:
* Misskey:

🛰 Backend Environment (for server admin)

* Installation Method or Hosting Service:
* Misskey:
* Node:
* PostgreSQL:
* Redis:
* OS and Architecture:

Do you want to address this bug yourself?

• Yes, I will patch the bug myself and send a pull request

[fruitriin]

仕様なら仕様ということでCloseでもいいです

[fruitriin]

ロールアイコンが左詰めから右詰めに変わってるので、この近辺にデザイン調整が入った余波とおもわれる

[tai-cha]

まあ見づらいしFixするでもいいと思うんだけどExpected Behavior的なほうどうしたらいいんだろうの気持ち

[KisaragiEffective]

多分昔からの問題だと思います。 昔はオーバーフローしてたら日付でクリップされてて見えなくなったのをアスペクト比を変えて表示するようになった副作用だった気がしますが覚えていません。 ですが同様のことはデスクトップでもおそらくは再現できるものと思われます。

言及した現象、ハンドルだけ潰れるやつだったけど今回は名前も潰れてるから違いそうなきがしてきた

[kakkokari-gtyih]

実験的機能 > Enable condensed lineをオフで解消するはず（ e5856c6 ）
（実験的機能ならデフォルトオフのほうがいいのでは…？）

[syuilo]

省略するのと縮めるの併用したいけど出来なさそう

[kakkokari-gtyih]

MkCondensedLine、縮める限度みたいなの設定できなかったっけ？
それで読みやすさを確保しながらある程度圧縮したりできそう

[syuilo]

MkCondensedLineでtext-overflow: ellipsis;を使う方法募集中

[syuilo]

TASUKETE

[fruitriin]

ちなみにサンプルで貼った画像はマシなほうで、リモートからのノートは
・インスタンスのドメインがユーザーIDの後ろに来る
・引用されると引用された中のノートの幅は70%くらいになる

この辺の合わせ技でとてもせまい

[fruitriin]

elipsisもwebkit-line-clampも、はみ出した部分をhiddenにしてその手前に……を置くcssなので、文字を指定範囲に収めるcssと組み合わせられないような気がするなあ

[syuilo]

minScaleを0.5とかにしたらはみ出すから組み合わせられてしかるべきな気がする

[fruitriin]

それならいけるかも

[syuilo]

省略するのと縮めるの併用したいけど出来なさそう

成功した

[syuilo]

[kakkokari-gtyih]

#14642 (comment)

これで解決で良さそう？

[fruitriin]

よさそうにみえる