@cloudron/pankow 4.1.11 → 4.1.13

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 (5) hide show
  1. package/components/Button.vue +85 -0
  2. package/components/Menu.vue +1 -1
  3. package/components/MenuItem.vue +16 -24
  4. package/components/TopBar.vue +2 -0
  5. package/package.json +6 -6
package/components/Button.vue CHANGED
@@ -83,6 +83,11 @@ function onClick(event) {
83
83
  min-width: 100px;
84
84
  }
85
85
 
86
+ a.pankow-button,
87
+ a.pankow-button:visited {
88
+ color: white;
89
+ }
90
+
86
91
  .pankow-button[tool] {
87
92
  min-width: auto;
88
93
  }
@@ -142,14 +147,34 @@ function onClick(event) {
142
147
  color: var(--pankow-color-primary);
143
148
  }
144
149
 
150
+ a.pankow-button[outline],
151
+ a.pankow-button[outline]:visited {
152
+ color: var(--pankow-color-primary);
153
+ }
154
+
145
155
  .pankow-button[plain] {
146
156
  border-color: transparent;
147
157
  background: transparent;
148
158
  color: var(--pankow-color-primary);
149
159
  }
150
160
 
161
+ a.pankow-button[plain],
162
+ a.pankow-button[plain]:visited {
163
+ color: var(--pankow-color-primary);
164
+ }
165
+
151
166
  .pankow-button:hover,
167
+ .pankow-button:focus,
168
+ .pankow-button:active,
169
+ .pankow-button:visited:hover,
170
+ .pankow-button:visited:focus,
171
+ .pankow-button:visited:active,
152
172
  .pankow-button[outline]:hover,
173
+ .pankow-button[outline]:focus,
174
+ .pankow-button[outline]:active,
175
+ .pankow-button[outline]:visited:hover,
176
+ .pankow-button[outline]:visited:focus,
177
+ .pankow-button[outline]:visited:active,
153
178
  .pankow-button[plain]:hover {
154
179
  background: var(--pankow-color-primary-hover);
155
180
  color: white;
@@ -172,14 +197,34 @@ function onClick(event) {
172
197
  color: var(--pankow-color-danger);
173
198
  }
174
199
 
200
+ a.pankow-button[danger][outline],
201
+ a.pankow-button[danger][outline]:visited {
202
+ color: var(--pankow-color-danger);
203
+ }
204
+
175
205
  .pankow-button[danger][plain] {
176
206
  border-color: transparent;
177
207
  background: transparent;
178
208
  color: var(--pankow-color-danger);
179
209
  }
180
210
 
211
+ a.pankow-button[danger][plain],
212
+ a.pankow-button[danger][plain]:visited {
213
+ color: var(--pankow-color-danger);
214
+ }
215
+
181
216
  .pankow-button[danger]:hover,
217
+ .pankow-button[danger]:focus,
218
+ .pankow-button[danger]:active,
219
+ .pankow-button[danger]:visited:hover,
220
+ .pankow-button[danger]:visited:focus,
221
+ .pankow-button[danger]:visited:active,
182
222
  .pankow-button[danger][outline]:hover,
223
+ .pankow-button[danger][outline]:focus,
224
+ .pankow-button[danger][outline]:active,
225
+ .pankow-button[danger][outline]:visited:hover,
226
+ .pankow-button[danger][outline]:visited:focus,
227
+ .pankow-button[danger][outline]:visited:active,
183
228
  .pankow-button[danger][plain]:hover {
184
229
  background: var(--pankow-color-danger-hover);
185
230
  color: white;
@@ -202,14 +247,34 @@ function onClick(event) {
202
247
  color: var(--pankow-color-success);
203
248
  }
204
249
 
250
+ a.pankow-button[success][outline],
251
+ a.pankow-button[success][outline]:visited {
252
+ color: var(--pankow-color-success);
253
+ }
254
+
205
255
  .pankow-button[success][plain] {
206
256
  border-color: transparent;
207
257
  background: transparent;
208
258
  color: var(--pankow-color-success);
209
259
  }
210
260
 
261
+ a.pankow-button[success][plain],
262
+ a.pankow-button[success][plain]:visited {
263
+ color: var(--pankow-color-success);
264
+ }
265
+
211
266
  .pankow-button[success]:hover,
267
+ .pankow-button[success]:focus,
268
+ .pankow-button[success]:active,
269
+ .pankow-button[success]:visited:hover,
270
+ .pankow-button[success]:visited:focus,
271
+ .pankow-button[success]:visited:active,
212
272
  .pankow-button[success][plain]:hover,
273
+ .pankow-button[success][plain]:focus,
274
+ .pankow-button[success][plain]:active,
275
+ .pankow-button[success][plain]:visited:hover,
276
+ .pankow-button[success][plain]:visited:focus,
277
+ .pankow-button[success][plain]:visited:active,
213
278
  .pankow-button[success][outline]:hover {
214
279
  background: var(--pankow-color-success-hover);
215
280
  color: white;
@@ -232,14 +297,34 @@ function onClick(event) {
232
297
  color: var(--pankow-color-secondary);
233
298
  }
234
299
 
300
+ a.pankow-button[secondary][outline],
301
+ a.pankow-button[secondary][outline]:visited {
302
+ color: var(--pankow-color-secondary);
303
+ }
304
+
235
305
  .pankow-button[secondary][plain] {
236
306
  border-color: transparent;
237
307
  background: transparent;
238
308
  color: var(--pankow-color-secondary);
239
309
  }
240
310
 
311
+ a.pankow-button[secondary][plain],
312
+ a.pankow-button[secondary][plain]:visited {
313
+ color: var(--pankow-color-secondary);
314
+ }
315
+
241
316
  .pankow-button[secondary]:hover,
317
+ .pankow-button[secondary]:focus,
318
+ .pankow-button[secondary]:active,
319
+ .pankow-button[secondary]:visited:hover,
320
+ .pankow-button[secondary]:visited:focus,
321
+ .pankow-button[secondary]:visited:active,
242
322
  .pankow-button[secondary][plain]:hover,
323
+ .pankow-button[secondary][plain]:focus,
324
+ .pankow-button[secondary][plain]:active,
325
+ .pankow-button[secondary][plain]:visited:hover,
326
+ .pankow-button[secondary][plain]:visited:focus,
327
+ .pankow-button[secondary][plain]:visited:active,
243
328
  .pankow-button[secondary][outline]:hover {
244
329
  background: var(--pankow-color-secondary-hover);
245
330
  color: white;
package/components/Menu.vue CHANGED
@@ -325,7 +325,7 @@ defineExpose({
325
325
  <teleport to="#app">
326
326
  <div class="pankow-menu-backdrop" @click="onBackdrop($event)" @contextmenu="onBackdrop($event)" v-show="isOpen"></div>
327
327
  <Transition :name="rollUp ? 'pankow-roll-up' : 'pankow-roll-down'">
328
- <div class="pankow-menu" :class="{ 'pankow-menu--keyboard-nav': keyboardNav }" v-show="isOpen" ref="container" tabindex="0" @keydown.up.stop="selectUp()" @keydown.down.stop="selectDown()" @keydown.esc.stop="close()" @keydown="onKeyDown" @mousemove="onMouseMove">
328
+ <div class="pankow-menu" :class="{ 'pankow-menu-keyboard-nav': keyboardNav }" v-show="isOpen" ref="container" tabindex="0" @keydown.up.stop="selectUp()" @keydown.down.stop="selectDown()" @keydown.esc.stop="close()" @keydown="onKeyDown" @mousemove="onMouseMove">
329
329
  <TextInput placeholder="Filter ..." autocomplete="off" @keydown.up.stop="selectUp()" @keydown.down.stop="selectDown()" @keydown.stop @keydown.esc.stop="close()" @click.stop style="width: 100%; border: 0; padding: 8px 12px;" v-model="searchString" v-if="searchThreshold < model.length"/>
330
330
  <component v-for="item in visibleItems" ref="itemElements" :is="item.type || (item.href ? MenuItemLink : MenuItem)" @activated="onItemActivated(item)" :item="item" :has-icons="hasIcons" />
331
331
  <MenuItem v-if="model.length === 0" :item="emptyItem"/>
package/components/MenuItem.vue CHANGED
@@ -51,7 +51,9 @@ function onActivated() {
51
51
 
52
52
  <style>
53
53
 
54
- .pankow-menu-item {
54
+ .pankow-menu-item,
55
+ a.pankow-menu-item,
56
+ a.pankow-menu-item:visited {
55
57
  display: flex;
56
58
  align-items: center;
57
59
  user-select: none;
@@ -67,7 +69,9 @@ function onActivated() {
67
69
  }
68
70
 
69
71
  @media (prefers-color-scheme: dark) {
70
- .pankow-menu-item {
72
+ .pankow-menu-item,
73
+ a.pankow-menu-item,
74
+ a.pankow-menu-item:visited {
71
75
  color: white;
72
76
  }
73
77
  }
@@ -77,32 +81,20 @@ function onActivated() {
77
81
  opacity: .6
78
82
  }
79
83
 
80
- .pankow-menu-item:focus {
84
+ .pankow-menu-item:focus,
85
+ a.pankow-menu-item:focus,
86
+ .pankow-menu-item:hover,
87
+ a.pankow-menu-item:hover,
88
+ .pankow-menu-keyboard-nav .pankow-menu-item:focus {
81
89
  background-color: var(--pankow-color-primary-hover);
82
90
  color: white;
83
91
  }
84
92
 
85
- .pankow-menu-item:hover {
86
- background-color: var(--pankow-color-primary-hover);
87
- color: white;
88
- }
89
-
90
- .pankow-menu--keyboard-nav .pankow-menu-item:hover {
91
- background-color: inherit;
92
- color: inherit;
93
- }
94
-
95
- .pankow-menu--keyboard-nav .pankow-menu-item:focus {
96
- background-color: var(--pankow-color-primary-hover);
97
- color: white;
98
- }
99
-
100
- .pankow-menu-item-disabled:focus {
101
- background-color: inherit;
102
- color: inherit;
103
- }
104
-
105
- .pankow-menu-item-disabled:hover {
93
+ .pankow-menu-item-disabled:focus,
94
+ a.pankow-menu-item-disabled:focus,
95
+ .pankow-menu-item-disabled:hover,
96
+ a.pankow-menu-item-disabled:hover,
97
+ .pankow-menu-keyboard-nav .pankow-menu-item:hover {
106
98
  background-color: inherit;
107
99
  color: inherit;
108
100
  }
package/components/TopBar.vue CHANGED
@@ -38,6 +38,8 @@ const props = defineProps({
38
38
  <style>
39
39
 
40
40
  .pankow-top-bar {
41
+ position: relative;
42
+ z-index: 1;
41
43
  width: 100%;
42
44
  background-color: var(--pankow-color-background);
43
45
  display: flex;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@cloudron/pankow",
3
3
  "private": false,
4
- "version": "4.1.11",
4
+ "version": "4.1.13",
5
5
  "description": "",
6
6
  "main": "index.js",
7
7
  "types": "types/index.d.ts",
@@ -24,7 +24,7 @@
24
24
  "dependencies": {
25
25
  "@fontsource/inter": "^5.2.8",
26
26
  "@fortawesome/fontawesome-free": "^7.2.0",
27
- "filesize": "^11.0.15",
27
+ "filesize": "^11.0.17",
28
28
  "monaco-editor": "^0.55.1",
29
29
  "online-3d-viewer": "^0.18.0"
30
30
  },
@@ -32,9 +32,9 @@
32
32
  "@highlightjs/vue-plugin": "^2.1.0",
33
33
  "@vitejs/plugin-vue": "^6.0.6",
34
34
  "highlight.js": "^11.11.1",
35
- "typescript": "^6.0.2",
36
- "vite": "^8.0.8",
37
- "vue": "^3.5.32",
38
- "vue-router": "^5.0.4"
35
+ "typescript": "^6.0.3",
36
+ "vite": "^8.0.10",
37
+ "vue": "^3.5.33",
38
+ "vue-router": "^5.0.6"
39
39
  }
40
40
  }