diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index f977c6e6..8476b769 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -1231,6 +1231,28 @@ body:has(#menu-controller:checked) { opacity: 0.05; } +/* Fix long KaTeX equations on mobile (see https://katex.org/docs/issues.html#css-customization) */ + +.katex-display { + overflow: auto hidden +} + +/* Fix long tables breaking out of article on mobile */ + +table { + display: block; + overflow: auto; +} + +/* Fix long inline code sections breaking out of article on mobile */ + +code { + word-wrap: break-word; + /* All browsers since IE 5.5+ */ + overflow-wrap: break-word; + /* Renamed property in CSS3 draft spec */ +} + /* -- Chroma Highlight -- */ /* Background */ diff --git a/assets/css/main.css b/assets/css/main.css index d23b285e..9fc2681e 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -96,6 +96,21 @@ body:has(#menu-controller:checked) { @apply absolute -z-10 opacity-5; } +/* Fix long KaTeX equations on mobile (see https://katex.org/docs/issues.html#css-customization) */ +.katex-display { overflow: auto hidden } + +/* Fix long tables breaking out of article on mobile */ +table { + display: block; + overflow: auto; +} + +/* Fix long inline code sections breaking out of article on mobile */ +code { + word-wrap: break-word; /* All browsers since IE 5.5+ */ + overflow-wrap: break-word; /* Renamed property in CSS3 draft spec */ +} + /* -- Chroma Highlight -- */ /* Background */ .chroma {