Resolve "Blubber: Gelber Menüpfeil klebt rechts am Bildrand"

Closes #1962

Merge request studip/studip!1755

resources/assets/stylesheets/scss/blubber.scss

@@ -574,7 +574,7 @@
                         border-top: 35px transparent solid;
                         border-bottom: 35px transparent solid;
                         border-left: 10px $content-color-40 solid;
-                        right: -10px;
+                        right: -2px;
                         margin-top: -10px;
                     }
                     &::after {
@@ -585,7 +585,7 @@
                         border-top: 35px transparent solid;
                         border-bottom: 35px transparent solid;
                         border-left: 10px $yellow-40 solid;
-                        right: -9px;
+                        right: -1px;
                         margin-top: -70px;
                     }
                 }

resources/assets/stylesheets/scss/responsive.scss

@@ -481,21 +481,6 @@ $sidebarOut: -330px;
         }
     }
 
-    .blubber_threads_widget {
-        .sidebar-widget-content {
-            ol {
-                li.active {
-                    &::before {
-                        right: 23px;
-                    }
-                    &::after {
-                        right: 24px;
-                    }
-                }
-            }
-        }
-    }
-
     #toc {
         max-width: 100vw;
         position: absolute;

resources/vue/components/BlubberThreadWidget.vue

@@ -63,8 +63,8 @@
                 // directive definition
                 inserted (el) {
                     let threads = el.__vue__;
-                    $(el).parent().on('scroll', function (event) {
-                        let top = $(el).parent().scrollTop();
+                    $(el).parent().parent().on('scroll', function (event) {
+                        let top = $(el).parent().parent().scrollTop();
                         let height = $(el).height();
 
                         $(el).toggleClass('scrolled', top > 0);