diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index 2f1bcf6f..401eb285 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -1237,6 +1237,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 7d0ceecf..4a731e4e 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -102,6 +102,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 {