jotoho/my-website
1
0
Fork 0
Code Issues Pull requests Activity

Horizontally scroll tables and codeblocks instead of entire page

Browse source
This commit is contained in:
Jonas Tobias Hopusch 2021-09-27 10:29:20 +02:00
parent b8b03b276f
commit 1b406e70d3
Failed to generate hash of commit
1 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
static/css/general.css
View file

@ -54,7 +54,10 @@ pre {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
width: 100%;
max-width: max-content; max-width: max-content;
overflow-y: auto;
line-break: strict;
} }
/* Inline keywords/code */ /* Inline keywords/code */
@ -93,28 +96,24 @@ hr {
} }
table { table {
border-style: solid; display: block;
border-color: black;
border-right: none;
border-bottom: none;
border-collapse: collapse; border-collapse: collapse;
margin: 1rem auto; margin: 1rem auto;
width: fit-content;
max-width: 100%; max-width: 100%;
overflow-y: auto;
} }
td, th { td, th {
border-style: solid; border-style: solid;
border-color: black; border-color: black;
border-left: none;
border-top: none;
border-collapse: collapse; border-collapse: collapse;
padding: 0.5rem; padding: 0.5rem;
line-break: anywhere;
} }
@media (max-width: 15rem) { @media (max-width: 20rem), (max-width: 300px) {
* { * {
line-break: anywhere; word-wrap: break-word;
} }
} }