From e16992dbc19ed6dca72213e71b3b72d5af0e09f4 Mon Sep 17 00:00:00 2001 From: Edmundo Biglia Date: Wed, 9 Jun 2021 06:02:47 -0300 Subject: [PATCH] fix markdown codeblocks overflowing container (#333) --- assets/css/markdown.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/assets/css/markdown.css b/assets/css/markdown.css index 5e663faf4..f14f41620 100644 --- a/assets/css/markdown.css +++ b/assets/css/markdown.css @@ -109,8 +109,12 @@ @apply py-[0.1rem] px-2 rounded-lg text-sm align-middle font-mono bg-gray-200; } +.markdown pre { + @apply flex overflow-hidden; +} + .markdown pre > code { - @apply block p-4 rounded-lg text-sm align-middle font-mono; + @apply p-4 rounded-lg text-sm align-middle font-mono flex-1 overflow-auto; /* Match the editor colors */ background-color: #282c34; color: #abb2bf;