diff --git a/assets/sass/contentNavigation.scss b/assets/sass/contentNavigation.scss index 26d63ab3..719718c0 100644 --- a/assets/sass/contentNavigation.scss +++ b/assets/sass/contentNavigation.scss @@ -12,14 +12,12 @@ flex-wrap: wrap; height: fit-content; - ul, - ol { + ul { list-style-type: none; list-style-position: outside; padding-left: 0; - ul, - ol { + ul { margin-bottom: 0; } } @@ -54,11 +52,33 @@ list-style-type: none; } - ol { + ul { padding: 0 0 0 1em; } - > ol { + ul a[data-current]::before { + left: -2.1rem; + } + + ul ul a[data-current]::before { + left: calc(-1em - 2.1rem); + } + + a[data-current] { + font-weight: bold; + position: relative; + + &:before { + content: ""; + width: 0.4rem; + height: 2.1rem; + position: absolute; + display: flex; + background-color: var(--link-default); + } + } + + > ul { padding-left: 0; } } @@ -67,20 +87,6 @@ display: flex; } -.o-aside__toc a[data-current] { - font-weight: bold; - - &:before { - content: ""; - width: 0.4rem; - height: 2.1rem; - position: absolute; - display: flex; - left: 0; - background-color: var(--link-default); - } -} - .o-related { &__list { list-style-type: none; @@ -144,8 +150,6 @@ background: var(--bg-default); overflow-y: scroll; overscroll-behavior-y: contain; - border-left: var(--border); - border-right: var(--border); .o-single__container { border: none; @@ -162,8 +166,10 @@ flex-direction: column; gap: 1.5rem; width: 100%; - border: var(--border); + border-top: var(--border); border-bottom: 1px solid #3d444d; + border-left: none; + border-right: none; padding: 1rem; height: 6.4rem; border-radius: 1rem 1rem 0 0; diff --git a/layouts/partials/toc.html b/layouts/partials/toc.html index a2863ed8..72a00016 100644 --- a/layouts/partials/toc.html +++ b/layouts/partials/toc.html @@ -76,10 +76,10 @@ >{{ .Title | plainify | safeHTML }} {{- with and (lt .Level $ctx.endLevel) .Headings }} -