@ditojs/admin 2.6.2 → 2.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ditojs/admin",
3
- "version": "2.6.2",
3
+ "version": "2.6.3",
4
4
  "type": "module",
5
5
  "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",
6
6
  "repository": "https://github.com/ditojs/dito/tree/master/packages/admin",
@@ -33,7 +33,7 @@
33
33
  "not ie_mob > 0"
34
34
  ],
35
35
  "dependencies": {
36
- "@ditojs/ui": "^2.6.1",
36
+ "@ditojs/ui": "^2.6.3",
37
37
  "@ditojs/utils": "^2.6.0",
38
38
  "@kyvg/vue3-notification": "^2.9.0",
39
39
  "@lk77/vue3-color": "^3.0.6",
@@ -83,7 +83,7 @@
83
83
  "vite": "^4.3.4"
84
84
  },
85
85
  "types": "types",
86
- "gitHead": "cfe61efec24e2380ab645f3adf0f9dbd0b815adb",
86
+ "gitHead": "b231e1ff2a5152e9f8cf6742b115ae2892e2abb9",
87
87
  "scripts": {
88
88
  "build": "vite build",
89
89
  "watch": "yarn build --mode 'development' --watch",
@@ -757,17 +757,20 @@ export default DitoComponent.component('DitoSchema', {
757
757
 
758
758
  .dito-schema {
759
759
  box-sizing: border-box;
760
- // To display schema next to buttons:
760
+ // To display edit buttons next to schema:
761
761
  display: flex;
762
- align-items: flex-start;
762
+ align-items: stretch;
763
763
  min-height: 100%;
764
764
 
765
765
  > .dito-schema-content {
766
766
  flex: 0 1 100%;
767
767
  max-width: 100%;
768
- // So that schema buttons can be sticky to the bottom:
769
- display: flex;
770
- flex-direction: column;
768
+ // So that schema buttons can be sticky to the bottom.
769
+ // NOTE: We also need grid for `TransitionHeight` to work well. Switching
770
+ // to flex box here causes jumpy collapsing transitions.
771
+ display: grid;
772
+ grid-template-rows: min-content;
773
+ grid-template-columns: 100%;
771
774
 
772
775
  > *:only-child {
773
776
  grid-row-end: none;