super.so+notionでlinked databaseの見た目を調整する

🗓 作成日

2020/12/29

🔖 タグ

notion+super.so

Linked databaseでデータベースを呼び出す場合、そのまま使うとデータベースのタイトルや罫線が見えてしまいます。

今回はそれらのパーツを非表示にする方法を解説します。

このパーツは、 notion-collection__header クラスを指定しています。

上記のクラスを非表示化すれば良いので、以下の記述を追加しました。

※追加で、罫線も不要なので notion-collection-list のCSSも追加させています。

<style>
.notion-collection__header {
  display: none !important;
}
.notion-collection-list{
  border-top: 0 !important;
}
</style>

仕上がりはこのようになります。notion上の見た目と、super.so上の見た目を比べています。