再描出時の時印部同期処理が他輪郭でも働いてしまう不具合を修正(報告)。
本当に同期していれば効率以外問題ないが,現状,領下日時を利用した疑似的なものなので紛らわしい。
datePublished
}{差}{<meta>
}{進捗}{SNS}{領当て}{途中で終了。
これまで再描出日時がある場合は新規描出日時の上に2行で表示していた時印部だが,初期状態では新規描出日時を隠しておき,マウスオーバー時に表示させるようにした。クリック/タップで表示を固定・解除することも出来る。
時印は文書としては正確に把握出来た方が良く,個人的には時計代わりに見たいことも多いので,昔から SNS 等でよくある「〜前」という表示が嫌いだった。デライトでは %Y-%m-%d %T の形式を採用しそれなりに気に入っていたが,難点も感じていた。
特に,時印を2つ並べた時に文字の固まりとして目障りであり,視認性も良くなかった。比較して見たいことも考えると縦2行しかないが,ぱっと見で差が判別しにくい。単純に縦方向の空間を無駄に取ってしまうという問題も大きかった。
何らかの省略形式を導入することも考えていたが,例えば新規描出日時と時刻部分だけが違う再描出日時の日付部分を省略したとして,それが新規描出の日付と同じことを意味しているのか,今日の日付であることを意味しているのか,一見して理解してもらえるか怪しかった。正しく意図を解釈したとしても,両方の時印を見比べなければならないのは煩雑な気もしていた。
初期状態では片方だけ表示しておけば,ぱっと見て注目すべき時印が分かり,こうした問題は解消する。領当て上の無駄も無くなり,マウスオーバー時と展開固定時に文字色を濃くすることでかえって確認しやすくなった。
最初,非表示要素に datePublished 等を設定しているのはまずいかと思ったが,こういう時のために meta 要素が利用出来たので問題なかった。time.ts_drw に設定していた構造化出与えは meta 要素に移し,リッチリザルト テストでも認識されることを確認した。
2行表示の前提で領当てを整理しておいたことも無駄にならず,時印部に関しては満足出来る仕上がりとなった。
display: block
}{領当て}{通注}{希哲15年3月2日の開発}(57)途中で終了。
描写部下の描き出しボタン/描き直しボタン,時印の領当てに安定感が無いことがずっと気になっていたため,ひたすら試行錯誤していた。
結果,これらをまとめる aside.etc を導入,Flexbox で下揃えにすることで領当てに関してはかなり満足出来るものになった。
time.ts_drw, time.ts_rdrw をまとめていた時印部の span.ts は display: block にしていたため div.ts に,br 要素を削除し time 要素を display: block にして改行するようにした。この辺は過去の試行錯誤で混乱していた部分だった。
この過程で,実装当初から左寄せにしていた描出ボタンを右寄せにした。描き直しボタンは時印部の左側に下揃えで表示される。
ついでに,新規描出フォームの描き出しボタンは文字色を灰色から黒にし,少し目立つようにした。
描出ボタン左寄せは,知名の先頭や行頭に近く目障りなことが多く,徹案としても後景部左上の安定感の無い位置で美しくない,新規描出フォームの鼻付き吹き描きでは自我アイコンを間違って押さないように中途半端な位置に離す必要があったり,通注に被ったりと問題は多々感じていたが,代替案を考える余裕が無かった。ようやくあるべき所に落ち着いたという感じだ。
display: none
}{希哲15年3月1日の開発}{時印部}(42)いったん終了。
中景輪符整理に関しては,気になっていた閉じ輪括弧が次行先頭に落ちてしまうことがある問題,知名が改行された場合に余白があっても新しい行に知番が落ちてしまう問題が spn.r の導入によって解消。
意外にもスクリプトへの影響はほぼ無く,Aejs は無修正で済んだ。
描写部(div.dln)が空の場合に無駄な空間を取っていたため,empty で display: none を付与。
更に,幅狭領当て以外では自我名部(address.ego)に float: right を設定し,描写部が無い場合に時印部を左に押しやるようにした。
その他,全体的に余計な余白を削ったり,狭過ぎる部分を拡張したりと微調整。大分無駄が無くなり,視認性が向上した。
細部にいくつか粗が残ったが,これは隙をみながらやっていくことにした。