diff --git a/assets/css/app.scss b/assets/css/app.scss index 0b3ad76..3fe1aff 100644 --- a/assets/css/app.scss +++ b/assets/css/app.scss @@ -39,11 +39,16 @@ header[role="banner"]{ position: relative; >ul{ position: absolute; - top:1em; right:0; + top:1em; right:-1em; overflow: hidden; + padding-bottom: 0.5em; + background-color: white; >li{ + padding:0 1em; + // margin-right: -1em; transition: height 0.3s ease-in-out; - height:0.2px; + height:0; + overflow: hidden; } } &:hover{ @@ -214,22 +219,7 @@ section[role="main-content"]{ .index{ } - #edition-toc{ - max-height: 100%; - >header, - >section, - >nav{ - max-height: 100%; - padding-top:1em; - padding-bottom:1em; - } - - >section, - >nav{ - overflow-x: hidden; - overflow-y: auto; - } - + #edition{ header{ h1{ @include title2black; diff --git a/assets/css/base/_layout.scss b/assets/css/base/_layout.scss index c418906..a9f8468 100644 --- a/assets/css/base/_layout.scss +++ b/assets/css/base/_layout.scss @@ -38,6 +38,22 @@ body{ overflow-y: hidden; overflow-x: hidden; } + .main-content-layout{ + max-height: 100%; + >header, + >section, + >nav{ + max-height: 100%; + padding-top:1em; + padding-bottom:1em; + } + + >section, + >nav{ + overflow-x: hidden; + overflow-y: auto; + } + } } footer[role="tools"]{ flex:0 0 auto; diff --git a/src/components/Layouts/MainContentLayout.vue b/src/components/Layouts/MainContentLayout.vue index b06e25b..704707e 100644 --- a/src/components/Layouts/MainContentLayout.vue +++ b/src/components/Layouts/MainContentLayout.vue @@ -1,7 +1,7 @@