gaugendre/python-blog
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix for large code blocks on small screens

Browse source
This commit is contained in:
Gabriel Augendre 2022-03-31 21:23:59 +02:00
parent 1a8b95aad4
commit 79728ef965
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/articles/static/vendor/codehilite.css vendored
View file

@ -1,8 +1,8 @@
.codehilite.large { .codehilite.large {
--larger-by: 140px; --larger-by: 140px;
max-width: calc(100% + var(--larger-by)); max-width: calc(100vw - 64px);
width: calc(100% + var(--larger-by)); width: calc(100% + var(--larger-by));
margin-left: calc(var(--larger-by) / -2); margin-left: calc(-1 * min(calc(var(--larger-by) / 2), calc(100vw - 64px - 100%)));
} }
@media(prefers-color-scheme: light) { @media(prefers-color-scheme: light) {