internal
/
itsonus-blog
4
0
Fork 0
Code Issues 7 Pull Requests Releases Activity

refactor: review the table of content display

pull/13/head
Nicolas Doby 2023-01-06 09:54:50 +01:00
parent a6dc95f890
commit 44050ace93
1 changed files with 20 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/blog_assets/css/index.scss
View File

@ -75,16 +75,21 @@ main {
position: sticky; position: sticky;
top: 1rem; top: 1rem;
align-self: flex-start; align-self: flex-start;
width: 320px;
} }
.left-side { .left-side {
padding-right: 60px; padding-right: 60px;
min-width: 360px;
max-width: 360px;
}
.right-side {
min-width: 300px;
max-width: 300px;
} }
.table-of-contents { .table-of-contents {
background: var(--background-color-toc); background: var(--background-color-toc);
border-radius: 5px; border-radius: 5px;
padding: 0.7rem; padding: 1.625rem 0.7rem;
} }
.table-of-contents ul { .table-of-contents ul {
@ -97,9 +102,7 @@ main {
} }
li { li {
text-overflow: ellipsis; line-height: 17px;
overflow: hidden;
white-space: nowrap;
a { a {
font-weight: bold; font-weight: bold;
@ -113,13 +116,23 @@ main {
} }
} }
.table-of-contents > ul ul {
margin-top: 10px;
}
.table-of-contents > ul ul li { .table-of-contents > ul ul li {
margin-left: 0.7rem; margin: 0 0 0 0.7rem;
line-height: 17px;
a { a {
font-weight: normal; font-weight: normal;
} }
} }
.table-of-contents > ul ul li+li,
.table-of-contents > ul ul li:first-child {
margin-bottom: .5rem;
}
.right-side { .right-side {
padding-left: 60px; padding-left: 60px;
} }
@ -293,7 +306,7 @@ figure figcaption {
gap: 3rem; gap: 3rem;
} }
.post-list-item { .post-list-item {
max-width: 430px; max-width: 410px;
padding: 2rem; padding: 2rem;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 5px 10px rgba(0,0,0,0.3); box-shadow: 0 5px 10px rgba(0,0,0,0.3);