From 8fdc927baba73601b19c6b5d12067cff6a36ca76 Mon Sep 17 00:00:00 2001 From: Geoffrey Garrett Date: Wed, 29 Jun 2022 22:13:17 +0200 Subject: [PATCH] fix(code titles): fixes overflow issue --- assets/styles/code-title.scss | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/assets/styles/code-title.scss b/assets/styles/code-title.scss index 07206cba1..1f9884f78 100644 --- a/assets/styles/code-title.scss +++ b/assets/styles/code-title.scss @@ -2,12 +2,17 @@ color: rgb(222, 114, 222); background-color: rgb(42, 47, 55); font-family: monospace; + width: max-content; + overflow-x: auto; display: inline-block; + vertical-align: middle; + font-weight: normal; + line-height: 1em; position: relative; - padding: 0.3em 0.6em 0.6em; - margin-bottom: -0.3em; + padding: 0.5em 0.6em 0.6em; // + 1.2 em + max-width: calc(100% - 1.2em); // (-1.2 em) fits article width exactly + margin-bottom: -0.2em; z-index: -1; - paint-order: fill; border-top-left-radius: 0.3em; border-top-right-radius: 0.3em; font-size: 0.9em;