@ditojs/admin 2.85.0 → 2.85.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ditojs/admin",
-  "version": "2.85.0",
+  "version": "2.85.2",
   "type": "module",
   "description": "Dito.js Admin is a schema based admin interface for Dito.js Server, featuring auto-generated views and forms and built with Vue.js",
   "repository": "https://github.com/ditojs/dito/tree/master/packages/admin",
@@ -93,5 +93,5 @@
     "typescript": "^5.9.3",
     "vite": "^7.3.1"
   },
-  "gitHead": "81532817ab2edd74e2d70ddb85107693dad22ec7"
+  "gitHead": "5df899baaf437537dced07893eeb4f06c1797c53"
 }

package/src/components/DitoTreeItem.vue

@@ -310,6 +310,8 @@ export default DitoComponent.component('DitoTreeItem', {
 .dito-tree-item {
   --chevron-indent: #{$chevron-indent};
 
+  overflow: hidden;
+
   > .dito-tree-header {
     > .dito-tree-branch,
     > .dito-tree-leaf {
@@ -333,12 +335,21 @@ export default DitoComponent.component('DitoTreeItem', {
   .dito-tree-leaf {
     display: flex;
     flex: auto;
+    overflow: hidden;
+    min-width: 0;
     position: relative;
     margin: 1px 0;
     @include user-select(none);
   }
 
-  .dito-tree-label,
+  .dito-tree-label {
+    display: flex;
+    align-items: baseline;
+    gap: 0.25em;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+
   .dito-tree-info {
     white-space: nowrap;
   }
@@ -349,10 +360,12 @@ export default DitoComponent.component('DitoTreeItem', {
   }
 
   .dito-buttons {
+    flex: auto;
     display: flex;
     visibility: hidden;
     height: 100%;
-    margin: 1px 0 1px 1em;
+    margin: 1px;
+    margin-right: 0;
   }
 
   .dito-tree-header:hover {

package/src/mixins/RouteMixin.js

@@ -102,12 +102,12 @@ export default {
     }
   },
 
-  beforeRouteUpdate(to, from, next) {
-    this?.beforeRouteChange(to, from, next)
+  beforeRouteUpdate(to, from) {
+    return this?.beforeRouteChange(to, from)
   },
 
-  beforeRouteLeave(to, from, next) {
-    this?.beforeRouteChange(to, from, next)
+  beforeRouteLeave(to, from) {
+    return this?.beforeRouteChange(to, from)
   },
 
   created() {
@@ -123,7 +123,7 @@ export default {
   },
 
   methods: {
-    beforeRouteChange(to, from, next) {
+    beforeRouteChange(to, from) {
       let ok = true
       const isClosing = (
         // Only handle this route change if the form is actually mapped to the
@@ -161,7 +161,7 @@ export default {
           }
         }
       }
-      next(ok)
+      return ok
     },
 
     getRoutePath(recordPath) {