Add Codeblock horizontal scroll #154
Merged
+14
−1
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.
コードブロックの折返しを無くし、はみ出す分はNotionのように横スクロールできるようにしました。
また、margin-bottomを少し付けました。デザインは極力Notionに近づけています。
Chrome系、Firefox、Edge、iPadのSafariで動作を確かめてあります。
左がastro-notion-blog、右がブラウザ版Notionです。
![image](https://private-user-images.githubusercontent.com/47468734/256615563-888774f2-2fa7-439f-a9f3-8b27ebacf0a2.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk5ODAzNTQsIm5iZiI6MTcxOTk4MDA1NCwicGF0aCI6Ii80NzQ2ODczNC8yNTY2MTU1NjMtODg4Nzc0ZjItMmZhNy00MzlmLWE5ZjMtOGIyN2ViYWNmMGEyLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzAzVDA0MTQxNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTVkMjZjOTNhNTlhMmI1Yzg5ZTRlNzMxYjgyNWU4MDljYjIwNThiZTc4ZTU2YTk5Y2RhODgwYTMyZmI1Zjc2ZDQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.-MDStxzGHfXNYrBWcbW7Kbsgil158tH5Ry04BL1XKg4)
![image](https://private-user-images.githubusercontent.com/47468734/256615593-9bd9386b-7641-4193-a768-0dfff5f683bf.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTk5ODAzNTQsIm5iZiI6MTcxOTk4MDA1NCwicGF0aCI6Ii80NzQ2ODczNC8yNTY2MTU1OTMtOWJkOTM4NmItNzY0MS00MTkzLWE3NjgtMGRmZmY1ZjY4M2JmLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzAzVDA0MTQxNFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTkzZmY1YzBiZDRmODU4NzJmZDhjODhhY2EwY2I5NjVkOTA0NGJkZmRkYzYyYmMwNDg2ZDY3NTE3M2IyMDg0ZmUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.64PSoePvrWaLeR2IJ-I9jGdCf5TSlPjgljkooEV0Mi8)
変更前
変更後