alrayyes/wiki
1
0
Fork 0
mirror of https://github.com/alrayyes/wiki.git synced 2024-11-22 11:36:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(layout): restore footer to the proper position (#1470)

Browse source 
* fix(layout): restore footer to the proper position

* align ToC scrollbar properly on short headers
This commit is contained in:
Emile Bangma 2024-10-01 17:49:13 +02:00 committed by GitHub
parent 1b122a1da0
commit b0c079f24a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 19 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
quartz/components/styles/toc.scss
View file

@ -74,6 +74,7 @@ button#toc {
}
> ul.overflow {
max-height: none;
width: 100%;
}
@for $i from 0 through 6 {

12
quartz/styles/base.scss
View file

@ -190,7 +190,7 @@ a {
& .sidebar.left {
z-index: 1;
grid-area: sidebar-left;
grid-area: grid-sidebar-left;
flex-direction: column;
@media all and ($mobile) {
gap: 0;
@ -205,7 +205,7 @@ a {
}
& .sidebar.right {
grid-area: sidebar-right;
grid-area: grid-sidebar-right;
margin-right: 0;
flex-direction: column;
@media all and ($mobile) {
@ -232,7 +232,7 @@ a {
}
& .page-header {
grid-area: page-header;
grid-area: grid-header;
margin: $topSpacing 0 0 0;
@media all and ($mobile) {
margin-top: 0;
@ -241,11 +241,11 @@ a {
}
& .center > article {
grid-area: page-center;
grid-area: grid-center;
}
& .page-footer {
grid-area: page-footer;
& footer {
grid-area: grid-footer;
}
& .center,

24
quartz/styles/variables.scss
View file

@ -27,11 +27,11 @@ $mobileGrid: (
rowGap: "5px",
columnGap: "5px",
templateAreas:
'"sidebar-left"\
"page-header"\
"page-center"\
"sidebar-right"\
"page-footer"',
'"grid-sidebar-left"\
"grid-header"\
"grid-center"\
"grid-sidebar-right"\
"grid-footer"',
);
$tabletGrid: (
templateRows: "auto auto auto auto",
@ -39,10 +39,10 @@ $tabletGrid: (
rowGap: "5px",
columnGap: "5px",
templateAreas:
'"sidebar-left page-header"\
"sidebar-left page-center"\
"sidebar-left sidebar-right"\
"sidebar-left page-footer"',
'"grid-sidebar-left grid-header"\
"grid-sidebar-left grid-center"\
"grid-sidebar-left grid-sidebar-right"\
"grid-sidebar-left grid-footer"',
);
$desktopGrid: (
templateRows: "auto auto auto",
@ -50,7 +50,7 @@ $desktopGrid: (
rowGap: "5px",
columnGap: "5px",
templateAreas:
'"sidebar-left page-header sidebar-right"\
"sidebar-left page-center sidebar-right"\
"sidebar-left page-footer sidebar-right"',
'"grid-sidebar-left grid-header grid-sidebar-right"\
"grid-sidebar-left grid-center grid-sidebar-right"\
"grid-sidebar-left grid-footer grid-sidebar-right"',
);