cover image

利用出来るコンポーネントが増えました!

 
利用者のみなさん、大変おまたせいたしました。
前回のアップデートから約1ヶ月かかってしまいましたが、ついにほぼ全部のコンポーネントを表示出来るようになりました。
※最近増えたタイムラインビューだけはまだ未対応です。
 
「〇〇が使えないと期待はずれだな、、、」という理由で離脱してしまった方は申し訳ありませんでしたが、今一度お試しいただければと思います🙇

今回のアップデートで新しく利用出来るようになったコンポーネント

  • 目次(早速使ってみています)
  • 複数行数式
  • リストビュー
  • テーブルなどのコレクションページの、ページ内埋め込み
  • Google Driveなどのファイル埋め込み
 

既存ユーザーへの影響

  • CSSで指定するコンポーネントが変更になりました。ページリンクに関してはこのような変更になっています。
.pagelink 
↓
.notion-page-link 

.pagelink__title
↓
.notion-page-title

.pagelink__datetime
↓
.notion-page-link-datetime

.pagelink__datetime__created
↓
.notion-page-link-datetime-created

.pagelink__coverImage
↓
.notion-page-link-cover
CSS
などのように変わっています
  • 文字間を本家のNotionに合わせて詰めました。前くらいの余白にするにはこちらのCSSを追加をお願いします。
.notion-h1,
.notion-h2,
.notion-h3 {
  margin-bottom: 1em;
}
CSS
  • 本家に合わせてブックマークがスマホでの画像非表示にしました。表示したい場合はこちらのCSSをご利用ください。
@media (max-width: 640px) {
  .notion-bookmark-image {
    display: block;
  }
}
JavaScript
 
アップデート内容は以上です!
CSSのクラス名一覧ドキュメントも順次更新していきます。
 
もし指定方法・カスタマイズ方法がよくわからない場合にはお気軽にDiscordやメール、TwitterDMなどでも可能ですので、運営にお問い合わせください!
こちらにお問い合わせ先を記載しています。
 
今後もAnotionをよろしくお願いします。