Scrapboxの霧
code:style.css
.grid li.page-list-item a:not(:visited) {
background-color: lightgray;
}
通ったところの霧が晴れていく地図アプリ世界の霧をもじったネーミングとおもわれる すごく良いかんじ 増井俊之.icon
とてもいい感じですtetsuya-k.icon*3
可視化したら意外と見ていないページが多いことに気づけたMijinko_SD.icon
ページを見るきっかけになるのがいい
万人受けはしないと思うけど、個人的にはあると楽しいMijinko_SD.icon
廃れるページも面白そうですね 増井俊之.icon
未読ページに印をつける機能は shokai.icon が昔検討したが採用しなかったらしい 増井俊之.icon
確かに、嫌な感じになる可能性はあっただろう
でも、霧っぽい表示なら全然大丈夫な気はしている 増井俊之.icon オプションだし
押した瞬間パッと明るくなる感じが良いdnin.icon
Mijinko_SD.icon
ちょっとデザインを変えてみた
https://gyazo.com/68f4fda84342a4dca497f1f38d0333e0
code:style_M.css
.grid li.page-list-item a:not(:visited) .content .header {
border-color: var(--telomere-unread, #52ba68); }
未読のテロメアの色をそのまま使うようにしてある。
無かったら横に定義した色が使われる(はず)
半ば強引に対応させた
code:with_mijinko.css
.grid li.page-list-item a:not(:visited) .content .header,
.related-page-list li.page-list-item:not(.empty) a:not(:visited) {
border-color: var(--telomere-unread, #52ba68); }
.related-page-list li.page-list-item:not(.empty) a {
/* 関連リンク カード */
border-right: 5px solid var(--card-bg, #fff); }
https://gyazo.com/df0f20c2d2c4b63e35eb26064e46900d
いいねnishio.icon
パーセンテージとレベルを実装したい