ランキングの書式を修正する
新ランキング、どうものっぺりして見にくいなあ、と思いました。
拡張機能でCSSいじれるんじゃないの? って思ってやってみました。
manifest.jsonは、matchesに"https://yomou.syosetu.com/*"を指定して。
contents.jsは以下のよう。
----
let style = document.createElement("style");
style.innerText =
//"#userglobal_koukoku, .koukoku_728, .koukoku_300x2, .bkm_scraper_koukoku, #extra > div:nth-child(2), .c-ad { opacity: 0}" +
".p-ranklist-item__title a {font-size:18px; text-decoration: underline; }" +
".p-ranklist-item__author-box a, .p-ranklist-item__infomation a, .p-ranklist-item__keyword a { color: #03c; }" +
".p-ranklist-item__synopsis { margin-left: 30px; line-height: 1; color: #603;}" +
".p-ranklist-item__author { float: right; margin-right: 400px;}" +
"span.pt {font-size:16px; color:#e33;}"
;
document.head.appendChild(style);
document.querySelectorAll("div.p-ranklist-item__points")
.forEach(x => {
console.debug("x:" + x.innerHTML);
x.innerHTML = x.innerHTML.replace(/[\d,]+/, "<span class='pt'>$&</span>");
}
);
----
スタイルシートをjsで作って、headに突っ込む。ポイント表示は数字だけ色付けたいので、仕方ないからコードでspanで囲む。
ってすると、次のように感じになりました。
個人的には、オリジナルよりは良いと思うのだけれど。
----
ptにカンマが入っていた場合に、前の部分しか赤くならない点を修正しました。
自分がどんなランキングを見ていたか、というのが判っちゃいますね。
コメントは外してはならないのよ。
