From 55d29eecd4089e773318509aefd785c95b9f7b10 Mon Sep 17 00:00:00 2001 From: Pagwin Date: Sat, 2 Nov 2024 21:14:26 -0400 Subject: [PATCH] source code width bug fix I hope --- static/css/layout.css | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/static/css/layout.css b/static/css/layout.css index 13d4540..6f0ff01 100644 --- a/static/css/layout.css +++ b/static/css/layout.css @@ -40,6 +40,7 @@ a:hover { /*https://pearsonified.com/golden-ratio-typography-intro/*/ /*https://grtcalculator.com/*/ max-width: 55em; + border-radius: 0.5rem; /* needed due to being flex itself*/ @@ -64,6 +65,14 @@ blockquote { align-items: center; } +/* div element with this class can be a bitch so need to select those as well as pre*/ +.sourceCode { + max-width: -moz-available; + max-width: -webkit-fill-available;; + max-width: fill-available; + width: fit-content; +} + pre { box-sizing: border-box; min-height: 2em; @@ -71,10 +80,6 @@ pre { * previously a cludge of 75 em this is now a cludge of 2 different vendor extensions * * */ - max-width: -moz-available; - max-width: -webkit-fill-available;; - max-width: fill-available; - width: fit-content; overflow:scroll; /*background: #444;*/ border-radius: 0.5rem;