Fixed overflow due to navbar links and pre > code blocks being too large
Signed-off-by: Louis Vallat <louis@louis-vallat.xyz>
This commit is contained in:
parent
c41a9a9e3f
commit
f18cc1d7ab
@ -7,7 +7,6 @@
|
||||
- [ ] Add dark and light theme switch and colors
|
||||
- [ ] Fix article order
|
||||
- [ ] Add article date support
|
||||
- [ ] Fix horizontal overflow with pre > code blocks on mobile
|
||||
|
||||
## Sources
|
||||
|
||||
|
@ -78,6 +78,7 @@ nav {
|
||||
justify-content: space-between;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.filler {
|
||||
@ -158,8 +159,7 @@ pre {
|
||||
|
||||
pre>code {
|
||||
padding: 10px;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
display: block;
|
||||
overflow: auto;
|
||||
line-height: 1.35em;
|
||||
}
|
||||
@ -176,6 +176,9 @@ code {
|
||||
margin-right: 10vw;
|
||||
margin-left: 10vw;
|
||||
}
|
||||
nav>a:not(#home_link) {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
@ -183,4 +186,10 @@ code {
|
||||
margin-right: 5vw;
|
||||
margin-left: 5vw;
|
||||
}
|
||||
nav>a:not(#home_link) {
|
||||
margin-left: 0px;
|
||||
}
|
||||
blockquote {
|
||||
margin-left: 0px;
|
||||
}
|
||||
}
|
Loading…
Reference in New Issue
Block a user