Fixes mobile to use document as container for scrolling (#223)

* Uses intersectionObserver instead

* Use intersectionObserver

* Updates mods

* Adds title when more than one container is active

* Updates logic to use native scrolling when only one logger view is open

* Fixes broken test

* Uses close instead of closed

* Fixes scrollingParent

assets/components/SideMenu.vue

@@ -49,12 +49,7 @@ export default {
   },
   computed: {
     ...mapState(["containers", "activeContainers"]),
-    activeContainersById() {
-      return this.activeContainers.reduce((map, obj) => {
-        map[obj.id] = obj;
-        return map;
-      }, {});
-    }
+    ...mapGetters(["activeContainersById"])
   },
   methods: {
     ...mapActions({
@@ -68,6 +63,7 @@ aside {
   padding: 1em;
   height: 100vh;
   overflow: auto;
+  position: fixed;
 
   .hide-overflow {
     text-overflow: ellipsis;