neuphlo-editor 2.4.2 → 2.5.0

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/styles.css CHANGED
@@ -377,12 +377,62 @@
377
377
  }
378
378
  .nph-editor ul[data-type="taskList"] li > label,
379
379
  .ProseMirror.nph-editor ul[data-type="taskList"] li > label {
380
- margin-right: 0.5rem;
380
+ flex: 0 0 auto;
381
+ display: inline-flex;
382
+ align-items: center;
383
+ height: 1.65em;
384
+ margin: 0;
381
385
  user-select: none;
382
386
  }
387
+ .nph-editor ul[data-type="taskList"] li > div,
388
+ .ProseMirror.nph-editor ul[data-type="taskList"] li > div {
389
+ flex: 1 1 auto;
390
+ min-width: 0;
391
+ }
392
+ .nph-editor ul[data-type="taskList"] li > div > p,
393
+ .ProseMirror.nph-editor ul[data-type="taskList"] li > div > p {
394
+ margin: 0;
395
+ }
383
396
  .nph-editor ul[data-type="taskList"] li input[type="checkbox"],
384
397
  .ProseMirror.nph-editor ul[data-type="taskList"] li input[type="checkbox"] {
385
- margin: 0.25rem 0.5rem 0 0;
398
+ margin: 0;
399
+ cursor: pointer;
400
+ }
401
+ .nph-editor ul[data-type="taskList"] li[data-checked="true"] > div,
402
+ .ProseMirror.nph-editor ul[data-type="taskList"] li[data-checked="true"] > div {
403
+ color: var(--muted-foreground, #6b7280);
404
+ text-decoration: line-through;
405
+ }
406
+
407
+ /* Task item React NodeView variant */
408
+ .nph-editor li.nph-task-item,
409
+ .ProseMirror.nph-editor li.nph-task-item {
410
+ display: flex;
411
+ align-items: flex-start;
412
+ gap: 0.5rem;
413
+ }
414
+ .nph-editor .nph-task-item__checkbox,
415
+ .ProseMirror.nph-editor .nph-task-item__checkbox {
416
+ flex: 0 0 auto;
417
+ display: inline-flex;
418
+ align-items: center;
419
+ height: 1.65em;
420
+ margin: 0;
421
+ user-select: none;
422
+ }
423
+ .nph-editor .nph-task-item__content,
424
+ .ProseMirror.nph-editor .nph-task-item__content {
425
+ flex: 1 1 auto;
426
+ min-width: 0;
427
+ }
428
+ .nph-editor .nph-task-item__content > p,
429
+ .ProseMirror.nph-editor .nph-task-item__content > p {
430
+ margin: 0;
431
+ }
432
+ .nph-editor .nph-task-item__content--checked,
433
+ .ProseMirror.nph-editor .nph-task-item__content--checked {
434
+ color: var(--muted-foreground, #6b7280);
435
+ text-decoration: line-through;
386
436
  }
387
437
 
388
438
  /* ProseMirror helpers */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "neuphlo-editor",
3
- "version": "2.4.2",
3
+ "version": "2.5.0",
4
4
  "private": false,
5
5
  "description": "A lightweight React wrapper around Tiptap with sensible defaults and image upload support.",
6
6
  "type": "module",