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

client/src/components/learningPath/page/LearningPathPathView.vue

@@ -46,7 +46,7 @@ const scrollLearnPathDiagram = (offset: number) => {
     ></LearningPathScrollButton>
     <div
       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
         v-for="(topic, topicIndex) in props.learningPath?.topics ?? []"

client/tailwind.css

@@ -133,4 +133,14 @@ svg {
     height: 100vh;
     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 */
+  }
 }