アイコン記法でページのジャンル分類

Cosense.iconカードに表示される範囲にアイコンがあるとき、サイズを大きくして左寄せ表示するUserCSS。

code:style.css

.page-list-item .description img.inline-icon {

display: inline-block;

float: left;

height: 3em;

width: 3em;

overflow: hidden;

margin-right: .5em;

object-fit: cover;

}

一覧を目で見るとき、ページのカテゴリ的なものがなんとなく分かるので便利。

Cosenseで読書ノートを取るとき、章別にページを作って、冒頭に本の表紙をアイコン記法で載せるといい感じ。

テキストが回り込むようになっているので、文章もちょっとだけ……一応……読める。

アイコンを大き目にしているだけなのでややこしくない。

今のところinline-iconは全部デカくなるので、ページの上の方にアイコンをいっぱい書くと賑やかになる。

かつてはページ冒頭にアイコン記法があったら、カード一覧の背景にうすーく表示するUserCSSを書いていた。

アイコンの位置がずれるようになっちゃったのでやめた。