From c9b2412187507a7374bde7032e70dccc93177b22 Mon Sep 17 00:00:00 2001
From: Elmar Ludwig <elmar.ludwig@uni-osnabrueck.de>
Date: Tue, 29 Mar 2022 07:41:54 +0000
Subject: [PATCH] make cw-tab a positioned element, fixes #804

---
 resources/assets/stylesheets/scss/courseware.scss               | 1 +
 resources/vue/components/courseware/CoursewareRibbonToolbar.vue | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/resources/assets/stylesheets/scss/courseware.scss b/resources/assets/stylesheets/scss/courseware.scss
index 900f271dece..a9bc25842a8 100755
--- a/resources/assets/stylesheets/scss/courseware.scss
+++ b/resources/assets/stylesheets/scss/courseware.scss
@@ -471,6 +471,7 @@ $consum_ribbon_width: calc(100% - 58px);
                     >.cw-tab {
                         max-height: 700px;
                         padding: 14px 8px 8px 8px;
+                        position: relative;
                         overflow-y: auto;
                         overflow-x: hidden;
                         scrollbar-width: thin;
diff --git a/resources/vue/components/courseware/CoursewareRibbonToolbar.vue b/resources/vue/components/courseware/CoursewareRibbonToolbar.vue
index d06450acf0b..8fc73f5bb6a 100755
--- a/resources/vue/components/courseware/CoursewareRibbonToolbar.vue
+++ b/resources/vue/components/courseware/CoursewareRibbonToolbar.vue
@@ -151,7 +151,7 @@ export default {
             setTimeout(() => {
                 let contents = this.$refs.contents.$el; 
                 let current = contents.querySelector('.cw-tree-item-link-current');
-                contents.scroll({ top: current.offsetTop, behavior: 'smooth' });
+                contents.scroll({ top: current.offsetTop - 4, behavior: 'smooth' });
             }, 360);
         },
     },
-- 
GitLab