Fix home page CSS layout to prevent overflow at certain window widths (#777).
This commit is contained in:
parent
a0323d9d6c
commit
c5732aa4fc
2 changed files with 5 additions and 5 deletions
|
@ -2,13 +2,13 @@
|
|||
font-size: 1rem; /* Reset */
|
||||
}
|
||||
.elv-toc details {
|
||||
--details-force-closed: (max-width: 63.9375em); /* 1023px */
|
||||
--details-force-closed: (max-width: 79.9375em); /* 1023px */
|
||||
}
|
||||
.elv-toc details > summary {
|
||||
font-size: 1.375rem; /* 22px /16 */
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
@media (min-width: 64em) { /* 1024px */
|
||||
@media (min-width: 80em) {
|
||||
.elv-toc {
|
||||
position: absolute;
|
||||
left: 3rem;
|
||||
|
|
|
@ -121,7 +121,7 @@ main h1:first-child,
|
|||
main .elv-toc + h1 {
|
||||
border-bottom: 2px dotted #666;
|
||||
}
|
||||
@media (min-width: 64em) { /* 1024px */
|
||||
@media (min-width: 80em) {
|
||||
main .elv-toc + h1,
|
||||
main .elv-toc + h2 {
|
||||
margin-top: 0;
|
||||
|
@ -243,10 +243,10 @@ footer.elv-layout {
|
|||
.elv-layout-full {
|
||||
max-width: none;
|
||||
}
|
||||
@media (min-width: 64em) { /* 1024px */
|
||||
@media (min-width: 80em) {
|
||||
.elv-layout-toc {
|
||||
padding-left: 15rem;
|
||||
max-width: 60rem;
|
||||
max-width: 76rem;
|
||||
margin-right: 1rem;
|
||||
position: relative;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue