@fastkit/vui-wysiwyg 8.3.4 → 8.3.5
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/dist/vui-wysiwyg.css +70 -71
- package/package.json +3 -3
package/dist/vui-wysiwyg.css
CHANGED
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
@layer vui{
|
|
2
2
|
.v-linter__problem{
|
|
3
|
-
margin-bottom:-1px;
|
|
4
3
|
cursor:help;
|
|
5
4
|
background:var(--deep-color);
|
|
6
5
|
border-bottom:1px solid var(--main-color);
|
|
6
|
+
margin-bottom:-1px;
|
|
7
7
|
}
|
|
8
8
|
.v-linter__issue-icon{
|
|
9
|
-
position:absolute;
|
|
10
|
-
right:2px;
|
|
11
|
-
display:inline-flex;
|
|
12
|
-
align-items:center;
|
|
13
|
-
justify-content:center;
|
|
14
9
|
width:1.2em;
|
|
15
10
|
height:1.2em;
|
|
16
|
-
margin-top:.2em;
|
|
17
|
-
font-family:times,georgia,serif;
|
|
18
|
-
font-size:15px;
|
|
19
|
-
font-weight:700;
|
|
20
|
-
line-height:1;
|
|
21
11
|
color:var(--text-color);
|
|
22
12
|
text-align:center;
|
|
23
13
|
cursor:pointer;
|
|
24
14
|
background:var(--main-color);
|
|
25
15
|
border-radius:100px;
|
|
16
|
+
justify-content:center;
|
|
17
|
+
align-items:center;
|
|
18
|
+
margin-top:.2em;
|
|
19
|
+
font-family:times,georgia,serif;
|
|
20
|
+
font-size:15px;
|
|
21
|
+
font-weight:700;
|
|
22
|
+
line-height:1;
|
|
23
|
+
display:inline-flex;
|
|
24
|
+
position:absolute;
|
|
25
|
+
right:2px;
|
|
26
26
|
}
|
|
27
27
|
.v-linter__issue-icon:before{
|
|
28
28
|
content:"!";
|
|
29
29
|
}
|
|
30
30
|
.v-linter__issue-menu-wrapper{
|
|
31
|
-
position:relative;
|
|
32
|
-
display:inline-block;
|
|
33
31
|
width:0;
|
|
34
32
|
height:1em;
|
|
33
|
+
display:inline-block;
|
|
34
|
+
position:relative;
|
|
35
35
|
overflow:visible;
|
|
36
36
|
}
|
|
37
37
|
.v-linter__issue-menu{
|
|
@@ -39,49 +39,49 @@
|
|
|
39
39
|
line-height:1.5;
|
|
40
40
|
}
|
|
41
41
|
.v-linter__issue-menu .v-dialog__body{
|
|
42
|
-
padding:0;
|
|
43
42
|
font-size:inherit;
|
|
43
|
+
padding:0;
|
|
44
44
|
}
|
|
45
45
|
.v-linter__issue-menu__message{
|
|
46
46
|
padding:8px;
|
|
47
47
|
}
|
|
48
48
|
.v-linter__issue-menu__fixers{
|
|
49
|
-
position:relative;
|
|
50
49
|
padding:4px 0;
|
|
50
|
+
position:relative;
|
|
51
51
|
}
|
|
52
52
|
.v-linter__issue-menu__fixers:before{
|
|
53
|
+
content:"";
|
|
54
|
+
opacity:.5;
|
|
55
|
+
background:currentColor;
|
|
56
|
+
height:1px;
|
|
57
|
+
display:block;
|
|
53
58
|
position:absolute;
|
|
54
59
|
top:0;
|
|
55
|
-
right:0;
|
|
56
60
|
left:0;
|
|
57
|
-
|
|
58
|
-
height:1px;
|
|
59
|
-
content:"";
|
|
60
|
-
background:currentColor;
|
|
61
|
-
opacity:.5;
|
|
61
|
+
right:0;
|
|
62
62
|
}
|
|
63
63
|
.v-linter__issue-menu__fixer__button{
|
|
64
|
-
position:relative;
|
|
65
|
-
display:block;
|
|
66
64
|
width:100%;
|
|
67
|
-
padding:8px;
|
|
68
65
|
font:inherit;
|
|
69
|
-
font-size:12px;
|
|
70
66
|
text-align:left;
|
|
71
67
|
appearance:none;
|
|
72
68
|
cursor:pointer;
|
|
73
|
-
|
|
74
|
-
background:transparent;
|
|
69
|
+
background:none;
|
|
75
70
|
border:0;
|
|
71
|
+
outline:0;
|
|
72
|
+
padding:8px;
|
|
73
|
+
font-size:12px;
|
|
74
|
+
display:block;
|
|
75
|
+
position:relative;
|
|
76
76
|
}
|
|
77
77
|
.v-linter__issue-menu__fixer__button:before{
|
|
78
|
-
position:absolute;
|
|
79
|
-
inset:0;
|
|
80
|
-
display:block;
|
|
81
78
|
content:"";
|
|
82
|
-
background:currentColor;
|
|
83
79
|
opacity:0;
|
|
84
|
-
|
|
80
|
+
background:currentColor;
|
|
81
|
+
transition:all .15s;
|
|
82
|
+
display:block;
|
|
83
|
+
position:absolute;
|
|
84
|
+
inset:0;
|
|
85
85
|
}
|
|
86
86
|
.v-linter__issue-menu__fixer__button:focus:before,.v-linter__issue-menu__fixer__button:hover:before{
|
|
87
87
|
opacity:.1;
|
|
@@ -90,31 +90,31 @@
|
|
|
90
90
|
position:relative;
|
|
91
91
|
}
|
|
92
92
|
.v-linter__issue-menu__fix{
|
|
93
|
-
display:inline;
|
|
94
|
-
margin-top:8px;
|
|
95
93
|
color:var(--palette-link);
|
|
96
|
-
text-decoration:underline;
|
|
97
94
|
appearance:none;
|
|
98
95
|
cursor:pointer;
|
|
99
|
-
|
|
100
|
-
background:transparent;
|
|
96
|
+
background:none;
|
|
101
97
|
border:0;
|
|
98
|
+
outline:0;
|
|
99
|
+
margin-top:8px;
|
|
100
|
+
text-decoration:underline;
|
|
101
|
+
display:inline;
|
|
102
102
|
}
|
|
103
103
|
.v-wysiwyg-color-tool__button{
|
|
104
|
-
position:relative;
|
|
105
|
-
display:inline-flex;
|
|
106
|
-
align-items:center;
|
|
107
|
-
justify-content:center;
|
|
108
104
|
vertical-align:bottom;
|
|
105
|
+
justify-content:center;
|
|
106
|
+
align-items:center;
|
|
107
|
+
display:inline-flex;
|
|
108
|
+
position:relative;
|
|
109
109
|
}
|
|
110
110
|
.v-wysiwyg-color-tool__button__bar{
|
|
111
|
+
background:currentColor;
|
|
112
|
+
height:2px;
|
|
113
|
+
display:block;
|
|
111
114
|
position:absolute;
|
|
112
|
-
right:0;
|
|
113
115
|
bottom:0;
|
|
114
116
|
left:0;
|
|
115
|
-
|
|
116
|
-
height:2px;
|
|
117
|
-
background:currentColor;
|
|
117
|
+
right:0;
|
|
118
118
|
}
|
|
119
119
|
.v-wysiwyg-color-tool__menu .v-dialog__content{
|
|
120
120
|
min-width:0;
|
|
@@ -124,73 +124,72 @@
|
|
|
124
124
|
}
|
|
125
125
|
.v-wysiwyg-color-tool__items{
|
|
126
126
|
--item-size:var(--v-wysiwyg-color-tool);
|
|
127
|
-
display:inline-flex;
|
|
128
|
-
flex-wrap:wrap;
|
|
129
|
-
align-items:center;
|
|
130
127
|
max-width:calc(var(--item-size)*5);
|
|
131
128
|
vertical-align:bottom;
|
|
129
|
+
flex-wrap:wrap;
|
|
130
|
+
align-items:center;
|
|
131
|
+
display:inline-flex;
|
|
132
132
|
}
|
|
133
133
|
.v-wysiwyg-color-tool__items--with-label{
|
|
134
|
-
display:flex;
|
|
135
134
|
flex-direction:column;
|
|
136
135
|
align-items:flex-start;
|
|
137
136
|
max-width:none;
|
|
138
137
|
padding:2px;
|
|
138
|
+
display:flex;
|
|
139
139
|
}
|
|
140
140
|
.v-wysiwyg-color-tool__item{
|
|
141
141
|
--focus-offset:calc(var(--item-size)*0.05);
|
|
142
|
-
display:flex;
|
|
143
142
|
flex-basis:var(--item-size);
|
|
144
|
-
align-items:center;
|
|
145
|
-
padding:0;
|
|
146
|
-
margin:0;
|
|
147
143
|
appearance:none;
|
|
148
144
|
cursor:pointer;
|
|
149
|
-
|
|
150
|
-
background:transparent;
|
|
145
|
+
background:none;
|
|
151
146
|
border:0;
|
|
152
147
|
border-radius:0;
|
|
148
|
+
outline:0;
|
|
149
|
+
align-items:center;
|
|
150
|
+
margin:0;
|
|
151
|
+
padding:0;
|
|
152
|
+
display:flex;
|
|
153
153
|
}
|
|
154
154
|
.v-wysiwyg-color-tool__item,.v-wysiwyg-color-tool__item__color{
|
|
155
|
-
position:relative;
|
|
156
155
|
width:var(--item-size);
|
|
157
156
|
height:var(--item-size);
|
|
157
|
+
position:relative;
|
|
158
158
|
}
|
|
159
159
|
.v-wysiwyg-color-tool__item__color{
|
|
160
160
|
flex:0 0 var(--item-size);
|
|
161
161
|
}
|
|
162
162
|
.v-wysiwyg-color-tool__item__color:before{
|
|
163
|
-
position:absolute;
|
|
164
|
-
inset:0;
|
|
165
|
-
display:block;
|
|
166
163
|
content:"";
|
|
167
164
|
background:currentColor;
|
|
168
165
|
border:1px solid transparent;
|
|
169
166
|
transition:all .15s;
|
|
167
|
+
display:block;
|
|
168
|
+
position:absolute;
|
|
169
|
+
inset:0;
|
|
170
170
|
}
|
|
171
171
|
.v-wysiwyg-color-tool__item__name{
|
|
172
|
-
|
|
172
|
+
white-space:nowrap;
|
|
173
173
|
padding:0 8px;
|
|
174
174
|
font-size:12px;
|
|
175
|
-
|
|
175
|
+
position:relative;
|
|
176
176
|
}
|
|
177
177
|
.v-wysiwyg-color-tool__item:focus .v-wysiwyg-color-tool__item__color:before,.v-wysiwyg-color-tool__item:hover .v-wysiwyg-color-tool__item__color:before{
|
|
178
178
|
inset:var(--focus-offset) var(--focus-offset) var(--focus-offset) var(--focus-offset);
|
|
179
|
-
border-color:rgba(0,0,0,.
|
|
179
|
+
border-color:rgba(0,0,0,.102);
|
|
180
180
|
}
|
|
181
181
|
.v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item{
|
|
182
182
|
flex-basis:auto;
|
|
183
|
-
width:auto;
|
|
184
183
|
width:100%;
|
|
185
184
|
}
|
|
186
185
|
.v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item:before{
|
|
187
|
-
position:absolute;
|
|
188
|
-
inset:0;
|
|
189
|
-
display:block;
|
|
190
186
|
content:"";
|
|
191
|
-
background:currentColor;
|
|
192
187
|
opacity:0;
|
|
188
|
+
background:currentColor;
|
|
193
189
|
transition:opacity .15s;
|
|
190
|
+
display:block;
|
|
191
|
+
position:absolute;
|
|
192
|
+
inset:0;
|
|
194
193
|
}
|
|
195
194
|
.v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item:focus:before,.v-wysiwyg-color-tool__items--with-label .v-wysiwyg-color-tool__item:hover:before{
|
|
196
195
|
opacity:.1;
|
|
@@ -217,15 +216,15 @@
|
|
|
217
216
|
width:100%;
|
|
218
217
|
}
|
|
219
218
|
.v-wysiwyg-editor__floating-toolbar{
|
|
219
|
+
z-index:1;
|
|
220
220
|
position:absolute;
|
|
221
|
-
right:0;
|
|
222
221
|
bottom:100%;
|
|
223
|
-
|
|
222
|
+
right:0;
|
|
224
223
|
}
|
|
225
224
|
.v-wysiwyg-editor__body{
|
|
226
|
-
position:relative;
|
|
227
225
|
width:100%;
|
|
228
226
|
max-height:var(--max-height);
|
|
227
|
+
position:relative;
|
|
229
228
|
overflow:auto;
|
|
230
229
|
}
|
|
231
230
|
.v-wysiwyg-editor__input{
|
|
@@ -234,8 +233,8 @@
|
|
|
234
233
|
.v-wysiwyg-editor__input__element{
|
|
235
234
|
width:100%;
|
|
236
235
|
min-width:0;
|
|
237
|
-
padding:8px 0;
|
|
238
236
|
margin:0;
|
|
237
|
+
padding:8px 0;
|
|
239
238
|
}
|
|
240
239
|
.v-wysiwyg-editor__input__prose{
|
|
241
240
|
width:100%;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fastkit/vui-wysiwyg",
|
|
3
|
-
"version": "8.3.
|
|
3
|
+
"version": "8.3.5",
|
|
4
4
|
"description": "vui-wysiwyg",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"repository": {
|
|
@@ -257,12 +257,12 @@
|
|
|
257
257
|
"devDependencies": {
|
|
258
258
|
"vue": "^3.5.40",
|
|
259
259
|
"vue-router": "^5.2.0",
|
|
260
|
-
"@fastkit/vui": "^1.5.
|
|
260
|
+
"@fastkit/vui": "^1.5.2"
|
|
261
261
|
},
|
|
262
262
|
"peerDependencies": {
|
|
263
263
|
"vue": "^3.5.0",
|
|
264
264
|
"vue-router": "^4.4.0 || ^5.0.0",
|
|
265
|
-
"@fastkit/vui": "^1.5.
|
|
265
|
+
"@fastkit/vui": "^1.5.2"
|
|
266
266
|
},
|
|
267
267
|
"scripts": {
|
|
268
268
|
"build": "plugboy build",
|