From 7b08ad740829a82388407885492ca6f7bb10734b Mon Sep 17 00:00:00 2001
From: Ron Lucke <lucke@elan-ev.de>
Date: Mon, 1 Aug 2022 08:42:18 +0000
Subject: [PATCH] fixes #967
Closes #967
Merge request studip/studip!841
---
resources/assets/stylesheets/scss/courseware.scss | 3 +++
resources/vue/components/courseware/CoursewareRibbon.vue | 9 +++++++--
2 files changed, 10 insertions(+), 2 deletions(-)
diff --git a/resources/assets/stylesheets/scss/courseware.scss b/resources/assets/stylesheets/scss/courseware.scss
index f429b6b00f3..f6ede94d03d 100755
--- a/resources/assets/stylesheets/scss/courseware.scss
+++ b/resources/assets/stylesheets/scss/courseware.scss
@@ -203,6 +203,9 @@ r i b b o n
$consum_ribbon_width: calc(100% - 58px);
#course-courseware-index,
#contents-courseware-courseware {
+ &.consume {
+ overflow: hidden;
+ }
#layout_container {
overflow-x: hidden;
position: relative;
diff --git a/resources/vue/components/courseware/CoursewareRibbon.vue b/resources/vue/components/courseware/CoursewareRibbon.vue
index 60e4f0150cf..493a0461900 100755
--- a/resources/vue/components/courseware/CoursewareRibbon.vue
+++ b/resources/vue/components/courseware/CoursewareRibbon.vue
@@ -106,9 +106,9 @@ export default {
},
handleScroll() {
if (window.outerWidth > 767) {
- this.stickyRibbon = window.scrollY > 130;
+ this.stickyRibbon = window.scrollY > 130 && !this.consumeMode;
} else {
- this.stickyRibbon = window.scrollY > 75;
+ this.stickyRibbon = window.scrollY > 75 && !this.consumeMode;
}
},
},
@@ -132,6 +132,11 @@ export default {
},
consumeMode(newState) {
this.$refs.consumeModeSwitch.focus();
+ if (newState) {
+ document.body.classList.add('consume');
+ } else {
+ document.body.classList.remove('consume');
+ }
}
}
};
--
GitLab