@ditojs/admin 2.6.7 → 2.6.8

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.
Files changed (6) hide show
  1. package/dist/dito-admin.es.js +1 -1
  2. package/dist/dito-admin.umd.js +1 -1
  3. package/dist/style.css +1 -1
  4. package/package.json +2 -2
  5. package/src/components/DitoHeader.vue +7 -5
  6. package/src/components/DitoPanel.vue +11 -10
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ditojs/admin",
3
- "version": "2.6.7",
3
+ "version": "2.6.8",
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",
@@ -83,7 +83,7 @@
83
83
  "vite": "^4.3.4"
84
84
  },
85
85
  "types": "types",
86
- "gitHead": "b192b2ffad1ff1c9e2e228a7b4a0ca86c8184028",
86
+ "gitHead": "6c09a5f0fe96aeadf73ca07daa427e39a7f1462d",
87
87
  "scripts": {
88
88
  "build": "vite build",
89
89
  "watch": "yarn build --mode 'development' --watch",
package/src/components/DitoHeader.vue CHANGED
@@ -112,12 +112,13 @@ export default DitoComponent.component('DitoHeader', {
112
112
  a {
113
113
  position: relative;
114
114
  display: block;
115
- padding-right: 0.4em;
116
115
 
117
116
  $angle: 33deg;
118
117
 
119
118
  &:hover {
120
- color: #999999;
119
+ span {
120
+ color: $color-light;
121
+ }
121
122
  }
122
123
 
123
124
  &::before,
@@ -125,9 +126,10 @@ export default DitoComponent.component('DitoHeader', {
125
126
  position: absolute;
126
127
  content: '';
127
128
  width: 1px;
128
- height: 1.2em;
129
- right: -1px;
130
- background: $color-dark;
129
+ height: 0.75em;
130
+ right: -0.25em;
131
+ background: $color-white;
132
+ opacity: 0.5;
131
133
  }
132
134
 
133
135
  &::before {
package/src/components/DitoPanel.vue CHANGED
@@ -223,22 +223,27 @@ export default DitoComponent.component('DitoPanel', {
223
223
 
224
224
  > .dito-schema-content {
225
225
  > .dito-pane {
226
- padding: $form-spacing-half $form-spacing;
226
+ padding: (2 * $form-spacing - $input-padding-ver)
227
+ (2 * $form-spacing - $input-padding-hor);
228
+ }
227
229
 
228
- > .dito-container {
229
- padding: $form-spacing-half;
230
- }
230
+ .dito-label {
231
+ margin: $form-spacing 0;
232
+ }
233
+
234
+ .dito-container {
235
+ padding: $form-spacing-half;
231
236
  }
232
237
 
233
238
  .dito-object {
234
- border: 0;
239
+ border: none;
235
240
  padding: 0;
236
241
  }
237
242
 
238
243
  > .dito-buttons {
239
244
  --button-margin: #{$form-spacing};
240
245
 
241
- padding: 0 $form-spacing $form-spacing;
246
+ padding: $form-spacing;
242
247
 
243
248
  .dito-container {
244
249
  padding: 0;
@@ -251,10 +256,6 @@ export default DitoComponent.component('DitoPanel', {
251
256
  font-weight: normal;
252
257
  }
253
258
  }
254
-
255
- .dito-pane {
256
- margin: 0 (-$form-spacing-half);
257
- }
258
259
  }
259
260
  }
260
261
  </style>