あるいは、hover対象をarticle全部にしちゃうとかな。デスクトップで使っている場合は、投稿自体にカーソル置かなければhoverしないので問題ないから、articleの半分以上かぶっても構わない。
でもスマホだとどういう風になるのかなぁ。
UI設計て大変ね。 #dtp
@yamo これはね、実は最初やってみて、画像は触れないわ、CW解除できないわで、ダメだこりゃにwww #dtp
@noellabo あ、これくらいいいね。老眼にやさしいw上からカーソル持ってくれば全面クリックできるんだな。 #dtp
@yamo hoverのエリアを大きくすると、トゥートの最下行が触れなくなるので、リンクとかタグとかクリックしようとして「キーッ!!」ってなるw #dtp
@noellabo ほんまやw開始エリアの調整とかpaddingとかでなんとかなんのかなこれ。 #dtp
@yamo だいぶギリギリまで攻めてみた。これでどうか。 #dtp
@noellabo 16px→2pxくらい?これならいろいろな使い方許容できていいかもね #dtp
@yamo CSSだけで書いてるから限界あるけど、
下から上にカーソル持って行くとボタン操作しやすく、
上から下にカーソル持って行くと最下行まで触りやすい。
ただ、触れる場所が狭いのでタッチスクリーンでは厳しいw #dtp
@yamo こういうチマチマいじるヤツは、投稿を編集できないマストドン上のトゥートで紹介しちゃうと収拾つかないね。あとでQiitaかGistにでも書いておこう。 #dtp
DTP-Mstdn.jpは、DTP・デザイン・印刷に関わる人々のためのMastodonインスタンスです。特定分野の専門インスタンスですので、日々のつぶやき、耳寄りな情報の共有、ディスカッション、質問とその回答、役立つスクリプトなど、他では投稿しづらい内容も、思う存分トゥートしましょう!
@noellabo ほんまやw
開始エリアの調整とかpaddingとかでなんとかなんのかなこれ。 #dtp