自定义代码

在网站设置里，有个 custom code，给与用户非常灵活的空间。可以插入任何 HTML DOM，所以用户可以自定义 JS 和 CSS。这个功能居然是免费的。
notion image
notion image
于是我调整了段落间距。隐藏了 popsy badge。给 list view 设置了最大高度，并且支持滚动。
给大家分享我的 custom code。
<style>
section.section {
  padding: 0 !important;
}

.notion-h {
  margin-top: 1rem;
}

.notion-page-scroller {
  margin-bottom: 5%;
}

.popsy .notion-link {
  color: #005aff;
}

.popsy .notion-link.n-button {
  color: white;
}

.notion-page-icon-wrapper-wrapper {
  display: none;
}

.notion-collection {
  margin-top: 1rem;
}

.notion-list-view {
  max-height: 30rem;
  overflow: scroll;
  overflow-y: scroll;
  overflow-x: unset;
  margin-top: 0.6rem;
}

.notion-quote {
    color: grey;
    font-size: 1rem;
}

.p-badge {
    display: none;
}

.p-header+.notion-title-wrapper {
  padding-top: 0;
}
</style>
 
badge