templates/blowfish
1
0
Fork 0
mirror of https://github.com/nunocoracao/blowfish.git synced 2025-04-21 02:21:52 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge pull request #1129 from ragibson/fix-wide-elements-breaking-layout

Browse source 
Fix wide elements (equations, tables, and inline code) breaking site width and layout
This commit is contained in:
Nuno Coração 2024-01-04 20:59:46 +00:00 • committed by GitHub
commit bfc35c3905
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 37 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
assets/css/compiled/main.css
View file

@ -4590,6 +4590,28 @@ body:has(#menu-controller:checked) {
opacity: 0.05; 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 -- */ /* -- Chroma Highlight -- */
/* Background */ /* Background */

15
assets/css/main.css
View file

@ -111,6 +111,21 @@ body:has(#menu-controller:checked) {
@apply absolute opacity-5 -z-10; @apply absolute opacity-5 -z-10;
} }
/* 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 -- */ /* -- Chroma Highlight -- */
/* Background */ /* Background */
.prose .chroma { .prose .chroma {