Trez/congo-hindi-gujarati
4
0
Fork 0
mirror of https://github.com/TrezOne/congo-hindi-gujarati.git synced 2026-07-01 04:21:55 -04:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Add CSS overflow/wrapping on KaTeX, tables, and code sections

Browse Source 
This fixes a bug where long post elements could break out of the
width of the overall page and break overall formatting or views,
especially on mobile devices.
This commit is contained in:
Ryan Gibson
2023-12-18 17:09:22 -05:00
parent 82b5481914
commit 00ac16f3ad
2 changed files with 37 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/compiled/main.css
+22
View File
@@ -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 */
assets/css/main.css
+15
View File
@@ -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 {