breadcrumbs

Former-commit-id: 556acb1ac0d096aa33bf46f3e0dca675068786e1 [formerly 3833d6cb8ce0899a5481d31ad10908018cc0eaff] [formerly 9e0113c0015a86e16e17b01da1987d2e78e4b69f [formerly 0f4f172a1bb6f6a5efc941b5b55d0565b89ead7e]]
Former-commit-id: 2e705bf3f132891868db6bdd8e345038fb908bff [formerly fdac82955e78d63979b067fd6412503fd25e21a7]
Former-commit-id: c1eb0b82f599512fff8a5b8dd686ace303cc49b9

assets/src/components/Files.vue

@@ -88,6 +88,15 @@ export default {
       }
 
       breadcrumbs.shift()
+
+      if (breadcrumbs.length > 3) {
+        while (breadcrumbs.length !== 4) {
+          breadcrumbs.shift()
+        }
+
+        breadcrumbs[0].name = '...'
+      }
+
       return breadcrumbs
     }
   },
@@ -107,6 +116,15 @@ export default {
   },
   mounted () {
     window.addEventListener('keydown', this.keyEvent)
+    window.addEventListener('scroll', event => {
+      let top = 112 - window.scrollY
+
+      if (top < 64) {
+        top = 64
+      }
+
+      document.querySelector('#listing.list .item.header').style.top = top + 'px'
+    })
   },
   beforeDestroy () {
     window.removeEventListener('keydown', this.keyEvent)