Merge branch 'issue/#28-anchoring-manifest-title' into 'develop'

refactor/#28: anchoring manifest title to top

See merge request !221

src/App.vue

@@ -466,7 +466,7 @@ export default {
       const treeDom = document.getElementById(this.itemurl);
 
       if (treeDom) {
-        treeDom.scrollIntoView();
+        treeDom.scrollIntoView({ block: 'center' });
       }
 
       // NOTE: Set imageurl to an empty string. Otherwise, if there is no corresponding image,

src/components/tree.vue

@@ -105,6 +105,7 @@ export default {
   display: flex;
   flex: 1;
   flex-direction: column;
+  height: 100%;
 }
 
 .item-content {
@@ -113,4 +114,8 @@ export default {
   flex-direction: column;
   overflow: auto;
 }
+
+.q-tree {
+  height: 100%;
+}
 </style>

src/css/tree.scss

@@ -12,7 +12,7 @@
         background-color: $grey-3;
         left: 0;
         position: sticky;
-        top: 0;
+        top: -8px;
         z-index: 999;
 
         @media (prefers-color-scheme: dark) {
@@ -48,7 +48,6 @@
     word-break: break-all;
     user-select: none;
   }
-
 }
 
 .q-tree {

src/index.template.html

@@ -31,7 +31,7 @@
     -->
     <script id="tido-config" type="application/json">
     {
-			"entrypoint": "",
+      "entrypoint": "https://ahikar.sub.uni-goettingen.de/api/textapi/ahikar/arabic-karshuni/collection.json",
       "annotations": {
         "show": true,
         "types": [