From 1439df14d45b87a57b50264b518a9a286eb3aceb Mon Sep 17 00:00:00 2001
From: Thomas Hackl <hackl@data-quest.de>
Date: Fri, 5 May 2023 13:18:58 +0000
Subject: [PATCH] =?UTF-8?q?Resolve=20"Blubber:=20Gelber=20Men=C3=BCpfeil?=
 =?UTF-8?q?=20klebt=20rechts=20am=20Bildrand"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Closes #1962

Merge request studip/studip!1755
---
 resources/assets/stylesheets/scss/blubber.scss    |  4 ++--
 resources/assets/stylesheets/scss/responsive.scss | 15 ---------------
 resources/vue/components/BlubberThreadWidget.vue  |  4 ++--
 3 files changed, 4 insertions(+), 19 deletions(-)

diff --git a/resources/assets/stylesheets/scss/blubber.scss b/resources/assets/stylesheets/scss/blubber.scss
index d1dae8a9254..1b0e9e7fc94 100644
--- a/resources/assets/stylesheets/scss/blubber.scss
+++ b/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;
                     }
                 }
diff --git a/resources/assets/stylesheets/scss/responsive.scss b/resources/assets/stylesheets/scss/responsive.scss
index 09f38e4a59b..eb0045de10c 100644
--- a/resources/assets/stylesheets/scss/responsive.scss
+++ b/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;
diff --git a/resources/vue/components/BlubberThreadWidget.vue b/resources/vue/components/BlubberThreadWidget.vue
index cfa6cb18b7c..c62bf3c143b 100644
--- a/resources/vue/components/BlubberThreadWidget.vue
+++ b/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);
-- 
GitLab