ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merged in feature/enable_scroll_new_learnpath (pull request #38) 

New learnpath: enable scrolling on desktop and hide scroll bar

* Add scrolling to LearningPathPathView and hide scrollbar

* Fix lint issues


Approved-by: Daniel Egger
This commit is contained in:
Elia Bieri 2023-03-09 08:35:02 +00:00
parent 6733e7a311
commit 2d555292fd
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/learningPath/page/LearningPathPathView.vue
View File

@ -46,7 +46,7 @@ const scrollLearnPathDiagram = (offset: number) => {
></LearningPathScrollButton> ></LearningPathScrollButton>
<div <div
ref="learnPathDiagram" ref="learnPathDiagram"
class="flex h-96 snap-x flex-row overflow-auto py-5 sm:overflow-hidden sm:py-10" class="no-scrollbar flex h-96 snap-x flex-row overflow-auto py-5 sm:py-10"
> >
<div <div
v-for="(topic, topicIndex) in props.learningPath?.topics ?? []" v-for="(topic, topicIndex) in props.learningPath?.topics ?? []"

10
client/tailwind.css
View File

@ -133,4 +133,14 @@ svg {
height: 100vh; height: 100vh;
overflow: hidden; overflow: hidden;
} }
/* Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
display: none;
}
.no-scrollbar {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
} }