cssのトレーニングも兼ねて、関連ページリストを横に表示するUserCSSを自力でやってみた

関連ページリストを横に表示するUserCSS (Mijinko_SD)を参考にしつつ、自分好みにカスタマイズした

2列になってる！

もうこれ理想形じゃん

主な違い:

左ではなく右にした

Scrapboxのカードのデザインに近づけた

.descriptionを出すスペースがあるとき表示するようにした

強い

小さいページカードで画像を表示する方法、試行錯誤した結果こんな感じになった

heightを150%にしてはみ出させた

全体像が見えることより、サイズが大きいことの方が大事な気がする

結構気に入っている

かっこいい、使ってみたくなる

今気づいたけど、タイトルテキストの周囲に白いぼかしが入っている

おかげでサムネイルの上にテキストを置いても違和感がなくなってる

すごい