Resolve "CotentBar 2: Kompakte Ansicht springt noch beim Scrollen"

Closes #5338

Merge request studip/studip!4041

2 files changed, 9 insertions, 3 deletions

diff --git a/resources/assets/stylesheets/scss/contentbar.scss b/resources/assets/stylesheets/scss/contentbar.scss
index b38d316..b582ec5 100644
--- a/resources/assets/stylesheets/scss/contentbar.scss
+++ b/resources/assets/stylesheets/scss/contentbar.scss
@@ -90,7 +90,6 @@
             }
 
             .contentbar-button, .cw-ribbon-button {
-                background-color: transparent;
                 background-position: center;
                 background-repeat: no-repeat;
                 background-size: 24px;
diff --git a/resources/assets/stylesheets/scss/responsive.scss b/resources/assets/stylesheets/scss/responsive.scss
index 07bf017..3642003 100644
--- a/resources/assets/stylesheets/scss/responsive.scss
+++ b/resources/assets/stylesheets/scss/responsive.scss
@@ -418,8 +418,8 @@ $sidebarOut: -330px;
     }
 
     #toc {
-        margin-right: -14px;
-        margin-top: -3px;
+        right: 5px;
+        top: -11px;
     }
 
     #main-footer {
@@ -455,6 +455,7 @@ $sidebarOut: -330px;
     }
 
     #responsive-contentbar {
+        &.cw-ribbon,
         &.cw-ribbon-sticky {
             position: unset;
             width: unset;
@@ -589,6 +590,12 @@ $sidebarOut: -330px;
         #responsive-contentbar {
             padding-left: 15px;
 
+            &.cw-ribbon-sticky {
+                position: unset;
+                top: unset;
+                width: unset;
+            }
+
             .contentbar-nav,
             .cw-ribbon-nav {
                 margin-left: -6px;