@flexiui/svelte-rich-text 0.0.31 → 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.
@@ -171,10 +171,18 @@
171
171
  }
172
172
 
173
173
  .fl-add-grid-item-btn {
174
- padding: 6px 15px;
174
+ padding: 8px 16px;
175
175
  border-radius: 12px;
176
176
  border: none;
177
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
+ }
178
186
  }
179
187
 
180
188
  .fl-editor-component-options {
@@ -201,11 +209,11 @@
201
209
  }
202
210
 
203
211
  &.m-l-small {
204
- margin-left: 4px;
212
+ margin-left: 12px;
205
213
  }
206
214
 
207
215
  select {
208
- background-color: #131313;
216
+ background-color: #242424;
209
217
  border: none;
210
218
  padding: 3px 2px;
211
219
  outline: none;
@@ -222,11 +230,12 @@
222
230
  border: none;
223
231
  background: #7e7e7e80;
224
232
  padding: 6px 7px;
225
- border-radius: 8px;
233
+ border-radius: 9px;
234
+ box-sizing: border-box;
226
235
  }
227
236
 
228
237
  &.option--cols {
229
- width: 32px;
238
+ width: 52px;
230
239
  }
231
240
 
232
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
- .tooltip {
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
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flexiui/svelte-rich-text",
3
- "version": "0.0.31",
3
+ "version": "0.0.32",
4
4
  "description": "A lightweight and flexible rich text editor component for Svelte",
5
5
  "keywords": [
6
6
  "svelte",