diff --git a/src/components/TableOfContents/TableOfContents.module.scss b/src/components/TableOfContents/TableOfContents.module.scss index 29afacf1..bcd06260 100644 --- a/src/components/TableOfContents/TableOfContents.module.scss +++ b/src/components/TableOfContents/TableOfContents.module.scss @@ -2,14 +2,32 @@ min-height: 100%; top: 0; - &:not(.TableOfContentsFixedWrapperLefted) .TableOfContentsPrimaryButton { - transform: rotate(180deg); + &:not(.TableOfContentsFixedWrapperLefted) { + .TableOfContentsPrimaryButton { + margin-top: 5.4rem; + transform: rotate(180deg); + } + + .TableOfContentsContainer { + padding-top: 2.7em; + } } } .TableOfContentsFixedWrapperLefted { + margin-top: -2em; right: auto; left: 70px; + + .TableOfContentsPrimaryButton { + left: auto; + right: 40px; + } + + .TableOfContentsPrimaryButtonLefted { + left: 0; + right: auto; + } } .TableOfContentsContainer { @@ -18,11 +36,15 @@ right: 20px; display: flex; width: 100%; - height: calc(100vh - 250px); + height: calc(100vh - 120px); overflow: auto; flex-direction: column; align-items: flex-start; background-color: transparent; + + .TableOfContentsFixedWrapperLefted & { + height: calc(100vh - 250px); + } } .TableOfContentsHeader { @@ -43,7 +65,7 @@ .TableOfContentsPrimaryButton { position: absolute; right: 0; - top: 10px; + top: 0; display: flex; align-items: center; justify-content: center; @@ -52,11 +74,6 @@ cursor: pointer; } -.TableOfContentsPrimaryButtonLefted { - right: auto; - left: 0; -} - .TableOfContentsHeadingsList { position: relative; display: flex;