home tags events about rss login

A man who is but a dream

coelacanth
honked

#honk ページ切り替えと更新部分のリファクタは大体終わった
XMLHttpRequestfetch に、var は極力 let/const に置き換えて、グローバル変数は window. を付けるようにした

coelacanth
honked

時々落ちてるけど原因がわからん

coelacanth
honked

ブラウザ画面全体を占めるような投稿を防ぐために、投稿本文を max-height: 50vh にしてスクロール可能にした
そのままだとスクロール可能であることを分かりにくいから borderpadding を追加

coelacanth
honked

うっかり change password 周りに触れてしまったのかログイン状態でもエラーでアカウント設定が更新できなくなって焦った
新しい password を設定して更新したら直った

表示させないだけなら CSS で display: none すればいいけど、loading="lazy" が設定されていないから画像のダウンロードは発生する
まともに対処するなら hoot.go を変更して <img loading="lazy"... になるようにして、根本的には投稿 (content) 内の外部リソースをダウンロードする部分の処理を書き換える必要がある

coelacanth
honked

omit images: yes なのに画像が表示されると思ったら、hoot: で読み込まれた tweet の画像は attachment には付与せず、<img></img> をそのまま含めるからか……
外部からは見えないけど、ローカルの WebUI では画像が常に表示される

Actions menu の前にフォーム要素を追加するようにした

<p> の他のブロック要素が見つかった場合に自動で閉じる仕様を HTMLテンプレートでも活用してるから、そうした部分を単純な <div></div> に置き換えたりして変更しやすくしていきたい

<p>: 段落要素 - HTML: HyperText Markup Language | MDN
https://developer.mozilla.org/ja/docs/Web/HTML/Element/p

.honk > header 周りを変更

  • margin とか <br> を減らして display: flexgap に置き換えた
  • 投稿自体へのリンクを <address></address> で囲むようにした、とりあえず
  • overflow: hiddentext-overflow: ellipsis が機能するようにした

Actions menu への変更が返信 (honk back) 時に追加されるフォーム部との相性が悪いと気付いた
フォームが <article></article> 内に追加されなくなったから JS 側の変更も必要