Fix callout spacing for new callouts (sans icons) #586
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
See issue #565
Notion recently introduced two changes to callouts:
<h1>
at the top of a callout.This led to some minor visual issues with react-notion-x.
In this PR, we:
Notion Test Page ID
1425cb08cf2c80efb771e6010d8dac21
Notion
![CleanShot 2024-11-18 at 01 07 33@2x](https://private-user-images.githubusercontent.com/6259534/387144863-28b28d7e-10cb-4717-913a-7a6982c1f46f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyNTE0MjAsIm5iZiI6MTczOTI1MTEyMCwicGF0aCI6Ii82MjU5NTM0LzM4NzE0NDg2My0yOGIyOGQ3ZS0xMGNiLTQ3MTctOTEzYS03YTY5ODJjMWY0NmYucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTFUMDUxODQwWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YTRkNWRmOWU4YmQzNDRjODY0OWVmYzAwMDI0NzE4MTI4NWU3NzczMGEzYTk4Nzk1MWU5ZTIzMTUyODdlYTA4MSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.puAV9W_D2-K1T8O4BYDjHohmkgZWXNuVBaIb_7mbSZI)
Main [before change]
https://react-notion-x-demo.transitivebullsh.it/1425cb08cf2c80efb771e6010d8dac21
After change
![CleanShot 2024-11-18 at 01 09 22@2x](https://private-user-images.githubusercontent.com/6259534/387145567-2d402449-9ee1-4877-b74f-96c32d71b380.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyNTE0MjAsIm5iZiI6MTczOTI1MTEyMCwicGF0aCI6Ii82MjU5NTM0LzM4NzE0NTU2Ny0yZDQwMjQ0OS05ZWUxLTQ4NzctYjc0Zi05NmMzMmQ3MWIzODAucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTFUMDUxODQwWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YWZjZWIxNzM4OGU4NjAyMGQzZWVkM2JmYTA3NDdjYWQzZWI4ZWU0ZTA3ZWFjZTllMjQwYmNhYTMzMGQ0NjFmYyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.hNqFql5uGUxYjEWrC6JSPGQ3EA5xARGpaLZxD6ce5AE)
Old callouts are fine too
![CleanShot 2024-11-18 at 01 28 57@2x](https://private-user-images.githubusercontent.com/6259534/387154241-20987b87-150d-4746-9167-0629000e1919.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyNTE0MjAsIm5iZiI6MTczOTI1MTEyMCwicGF0aCI6Ii82MjU5NTM0LzM4NzE1NDI0MS0yMDk4N2I4Ny0xNTBkLTQ3NDYtOTE2Ny0wNjI5MDAwZTE5MTkucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxMSUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTFUMDUxODQwWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YzM0N2I0NTA5YTNiMDNhNmVjMGNiNTdlOTk2ZmEwZDY5Zjg2MjBhZjI4ODk3NTU4NDYxNzIzODVhNzQxNjBlNyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.owTZ8lPfThX_PrKHNeK1rk3nRgG7EGrxJZaoJ7jYNBM)
(Note: there seems to be a funny bug with adjacent headings being rendered on the same line 😛. This is not addressed in this PR.)