ブックマーク一覧表示修整の変更
なろうのUIが更新されましたねえ。当然、以前の拡張機能は動かなくなる(ものものある)。
と言う訳で、まずはブックマーク一覧の修正拡張機能を直しました。
まあ、今回の修正割合と見た目は良くなったようにも思うのですが。
とりあえず、「未読」の表示のない項目は(完全未読を除いて)非表示にし、ついでに未読数によって1なら青のまま、3以下なら緑背景、10以下なら黄色背景、それ以上なら茶色、にしてみました。
青は最新を読んでよし。緑ならブクマから次へ。黄色はどうするか。茶色はもう半ばあきらめ、みたいな感じでしょうか。
というわけで、jsのコードのみ。
-----
let lis = document.querySelectorAll("ul.c-up-panel__list li:has(a.c-button--primary)");
for (let i = 0; i < lis.length; i++) {
const li = lis[i];
if (li.querySelector("span.p-up-bookmark-item__unread") == null) {
li.style.display = "none";
continue;
}
const unread_count = li.querySelector("span.p-up-bookmark-item__unread-num").innerText.trim();
const button = li.querySelector("a.c-button--primary");
if (unread_count == 1) {
}
else if (unread_count <= 3) {
button.style.backgroundColor = "green";
}
else if (unread_count <= 10) {
button.style.backgroundColor = "yellow";
}
else {
button.style.backgroundColor = "brown";
}
}
-----
導入結果は、こんな感じ。
まあ、一覧のフィルタ機能に、「未読があるもののみ」っていう選択肢をつけてくれれば解決するんですけれど。
