@flexiui/svelte-rich-text 0.0.30 → 0.0.32
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.
|
@@ -40,6 +40,7 @@
|
|
|
40
40
|
<div class="flex fl-editor-component-header" contentEditable={false}>
|
|
41
41
|
|
|
42
42
|
<button
|
|
43
|
+
type="button"
|
|
43
44
|
class="fl-add-grid-item-btn"
|
|
44
45
|
onclick={() => {
|
|
45
46
|
const pos = getPos();
|
|
@@ -170,10 +171,18 @@
|
|
|
170
171
|
}
|
|
171
172
|
|
|
172
173
|
.fl-add-grid-item-btn {
|
|
173
|
-
padding:
|
|
174
|
+
padding: 8px 16px;
|
|
174
175
|
border-radius: 12px;
|
|
175
176
|
border: none;
|
|
176
177
|
background: #6b6b6b;
|
|
178
|
+
font-size: 14px;
|
|
179
|
+
font-weight: 600;
|
|
180
|
+
font-family: inherit;
|
|
181
|
+
cursor: pointer;
|
|
182
|
+
|
|
183
|
+
&:hover {
|
|
184
|
+
background: #818181;
|
|
185
|
+
}
|
|
177
186
|
}
|
|
178
187
|
|
|
179
188
|
.fl-editor-component-options {
|
|
@@ -200,11 +209,11 @@
|
|
|
200
209
|
}
|
|
201
210
|
|
|
202
211
|
&.m-l-small {
|
|
203
|
-
margin-left:
|
|
212
|
+
margin-left: 12px;
|
|
204
213
|
}
|
|
205
214
|
|
|
206
215
|
select {
|
|
207
|
-
background-color: #
|
|
216
|
+
background-color: #242424;
|
|
208
217
|
border: none;
|
|
209
218
|
padding: 3px 2px;
|
|
210
219
|
outline: none;
|
|
@@ -221,11 +230,12 @@
|
|
|
221
230
|
border: none;
|
|
222
231
|
background: #7e7e7e80;
|
|
223
232
|
padding: 6px 7px;
|
|
224
|
-
border-radius:
|
|
233
|
+
border-radius: 9px;
|
|
234
|
+
box-sizing: border-box;
|
|
225
235
|
}
|
|
226
236
|
|
|
227
237
|
&.option--cols {
|
|
228
|
-
width:
|
|
238
|
+
width: 52px;
|
|
229
239
|
}
|
|
230
240
|
|
|
231
241
|
&.option--gap {
|
|
@@ -248,6 +248,7 @@
|
|
|
248
248
|
function dragAreaClickHandler(e) {
|
|
249
249
|
console.log("Clicked drag area");
|
|
250
250
|
if (addGridMediaIconEl) {
|
|
251
|
+
console.log("Add grid Media icon el: ", addGridMediaIconEl);
|
|
251
252
|
showTooltip(addGridMediaIconEl);
|
|
252
253
|
}
|
|
253
254
|
}
|
|
@@ -408,9 +409,7 @@
|
|
|
408
409
|
</Dropdown> -->
|
|
409
410
|
|
|
410
411
|
<style>
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
}
|
|
412
|
+
|
|
414
413
|
.fl-dropdown-panel {
|
|
415
414
|
background: #0d0d0da8;
|
|
416
415
|
border: 1px solid #ffffff12;
|
|
@@ -418,6 +417,7 @@
|
|
|
418
417
|
border-radius: 14px;
|
|
419
418
|
padding: 8px;
|
|
420
419
|
position: absolute;
|
|
420
|
+
z-index: 50;
|
|
421
421
|
flex-direction: column;
|
|
422
422
|
gap: 6px;
|
|
423
423
|
|