あるいは、hover対象をarticle全部にしちゃうとかな。デスクトップで使っている場合は、投稿自体にカーソル置かなければhoverしないので問題ないから、articleの半分以上かぶっても構わない。

でもスマホだとどういう風になるのかなぁ。

UI設計て大変ね。

@yamo これはね、実は最初やってみて、画像は触れないわ、CW解除できないわで、ダメだこりゃにwww

@noellabo あ、これくらいいいね。老眼にやさしいw
上からカーソル持ってくれば全面クリックできるんだな。

@yamo hoverのエリアを大きくすると、トゥートの最下行が触れなくなるので、リンクとかタグとかクリックしようとして「キーッ!!」ってなるw

@noellabo ほんまやw
開始エリアの調整とかpaddingとかでなんとかなんのかなこれ。

@yamo だいぶギリギリまで攻めてみた。これでどうか。

@noellabo 16px→2pxくらい?
これならいろいろな使い方許容できていいかもね

@yamo CSSだけで書いてるから限界あるけど、

下から上にカーソル持って行くとボタン操作しやすく、

上から下にカーソル持って行くと最下行まで触りやすい。

ただ、触れる場所が狭いのでタッチスクリーンでは厳しいw

フォロー

@yamo こういうチマチマいじるヤツは、投稿を編集できないマストドン上のトゥートで紹介しちゃうと収拾つかないね。あとでQiitaかGistにでも書いておこう。

ログインして会話に参加
DTP-Mstdn.jp

DTP-Mstdn.jpは、DTP・デザイン・印刷に関わる人々のためのMastodonインスタンスです。特定分野の専門インスタンスですので、日々のつぶやき、耳寄りな情報の共有、ディスカッション、質問とその回答、役立つスクリプトなど、他では投稿しづらい内容も、思う存分トゥートしましょう!