fix: scroll for outline

Signed-off-by: Luka Trovic <[email protected]>
nextcloud · Apr 12, 2023 · 63f0a6f · 63f0a6f
1 parent 2dfa82b
commit 63f0a6f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/src/components/Editor/EditorOutline.vue b/src/components/Editor/EditorOutline.vue
@@ -58,6 +58,8 @@ export default {
 	padding: 0 10px 10px 10px;
 	position: fixed;
 	overflow: auto;
+	// 204px = 50px nc header + 60px collectives titlebar + 44px menubar + 50px bottom margin
+	max-height: calc(100% - 204px);
 
 	&-mobile {
 		box-shadow: 8px 0 17px -19px var(--color-box-shadow);
@@ -68,6 +70,9 @@ export default {
 	&__header {
 		margin: 0;
 		position: sticky;
+		top: 0;
+		z-index: 1;
+		background-color: var(--color-main-background);
 		padding: 0.6em 0.6em 0.6em 0;
 		display: flex;
 		align-items: center;

diff --git a/src/components/Editor/TableOfContents.vue b/src/components/Editor/TableOfContents.vue
@@ -90,6 +90,7 @@ export default {
 		overflow: hidden;
 		white-space: nowrap;
 		animation: initialPadding calc(var(--animation-duration) * 2);
+		width: calc(100% - var(--padding-left));
 
 		a:hover {
 			color: var(--color-primary-hover);