特定のページを非表示にするUserCSS
に実装してもらいました (2021/10/8)
仕事がはやい
ほんまに
非表示にできるのおもしろい
例: タイトルに 202
を含むページを全て消す
style.css.page-list-item[data-page-title*="202"] { /* 日付っぽいページを非表示 */
display: none !important;
}
*=
のかわりに =
を使うと完全一致マッチ
ページタイトルがcssで参照できる情報としてdata-に入ったということか
そうです
フィルタ条件をユーザが簡単に指定できると便利かも
「見えない」と「無い」とは同じように感じられるものだね
すごい威力を感じた
この機能はすごく重要な気がするー
欲しかった
複数キーワードを指定する場合は?
こう?
style.css.page-list-item[data-page-title*="202"],
.page-list-item[data-page-title="100"],
.page-list-item[data-page-title*="300"] {
...
}
これで良いみたいですね
style.css .page-list-item:is(
[data-page-title*="202"],
[data-page-title="100"],
[data-page-title*="300"]
) {
...
}
こういう略記法もありますのでいっぱい指定する方はどうぞ
分配法則的なやつです
個人プロジェクトにコピペして書き換えてたときに間違えてここのコードを編集してageちゃった、ごめんなさい
コードは元に戻してあります
streamからも消せるんだろうか?
両方から消すUserCSS
style.css.page-list-item[data-page-title*="(ネタバレ注意)"],
.stream .page[data-title*="(ネタバレ注意)"] {
display: none;
}
ちなみにこの場合にも同様の略記法が使える
style.css:is(.page-list-item, .stream .page):is(
[data-page-title*="(ネタバレ注意)"],
[data-page-title*="ネタバレ"]
) {
display: none;
}
ホームの一覧画面からは消して、関連ページリストでは表示する、みたいなのは以下で出来ました
自分のプロジェクトで日付ページをそういう表示にしたかったので出来るようになってうれしい
style.css.page-list > .grid > .page-list-item[data-page-title*="hoge"] {
display: none !important;
}
ところで皆さんはどういうページを非表示にしたいです?
は隠したいページが思いつかなかった
cssで隠してるだけなので、秘密情報以外で想定
宗教上の理由で見たくないページの除外
例えば
の場合AppleやFacebookの話題など
荒れてる時にミュートしたい
ピン留めされていない(=今日のもの以外の)日記ページをホーム画面から消すのに使ってます
自分のプロジェクトの方ですね
私も思いつかなかった
#人物
とか、 #本
とか
本来はリンクの付け方を改めるべきなのかもしれないけど、非表示にすることで
関連ページリストがスッキリできる
複数年使っているProjectで、古いページ(2020-〓〓)はその年にしか必要ないので非表示にしています
顔見るだけで腹がたつ昔の同僚のページを非表示にして心が安らかになりました
自分と関係ない会議のページを非表示にしたり