Template
Templates Nav/styles.css
From Dogcraft Wiki
m (Only move the sidenav index up when viewing the page - this effects mainly edit previews, where moving the sidenav up causes an overlap) |
mNo edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.template- | .template-page { | ||
display: grid; | display: grid; | ||
grid-template-columns: 260px 1fr; | grid-template-columns: 260px 1fr; | ||
align-items: start; | align-items: start; | ||
column-gap: | column-gap: .5rem; | ||
} | } | ||
| Line 12: | Line 12: | ||
top: 110px; | top: 110px; | ||
padding-top: .5rem; | padding-top: .5rem; | ||
} | } | ||
| Line 23: | Line 19: | ||
} | } | ||
.template- | .template-page-content { | ||
grid-column: 1 / -1; | grid-column: 1 / -1; | ||
} | } | ||
} | } | ||
Latest revision as of 19:43, 3 February 2026
.template-page {
display: grid;
grid-template-columns: 260px 1fr;
align-items: start;
column-gap: .5rem;
}
.templates-nav {
max-height: calc(100vh - 120px);
overflow-y: auto;
position: sticky;
top: 110px;
padding-top: .5rem;
}
@media only screen and (max-width: 999px) {
.templates-nav {
display: none;
}
.template-page-content {
grid-column: 1 / -1;
}
}
