@ixo/editor 3.0.0-beta.3 → 3.0.0-beta.31

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/style.css CHANGED
@@ -142,7 +142,7 @@
142
142
  --bn-colors-tooltip-background: #f0f0f0;
143
143
  --bn-colors-tooltip-text: #1a1a1a;
144
144
  --bn-colors-hovered-background: #2a2a2a;
145
- --bn-colors-selected-background: #3a3a3a;
145
+ --bn-colors-selected-background: color-mix(in srgb, var(--mantine-color-neutralColor-7) 30%, transparent);
146
146
  --bn-colors-border: #3a3a3a;
147
147
  --bn-colors-side-menu: #999999;
148
148
  --bn-colors-highlight-colors-blue: #60a5fa;
@@ -173,6 +173,17 @@
173
173
  min-height: 1.5em;
174
174
  }
175
175
 
176
+ /* Disable text selection on custom (non-editable) blocks.
177
+ Standard text blocks re-enable it via .bn-inline-content below. */
178
+ .ixo-editor div.bn-block-content {
179
+ user-select: none;
180
+ }
181
+
182
+ /* Re-enable text selection inside standard editable block content */
183
+ .ixo-editor .bn-inline-content {
184
+ user-select: text;
185
+ }
186
+
176
187
  /* Heading styles */
177
188
  .ixo-editor h1.bn-inline-content {
178
189
  font-size: 2em;
@@ -305,6 +316,11 @@
305
316
  /* Selection styles */
306
317
  .ixo-editor ::selection {
307
318
  background-color: var(--bn-colors-selected-background);
319
+ color: var(--bn-colors-editor-text);
320
+ }
321
+
322
+ .ixo-editor--theme-dark ::selection {
323
+ background-color: color-mix(in srgb, var(--mantine-color-neutralColor-7) 30%, transparent) !important;
308
324
  }
309
325
 
310
326
  /* Scrollbar styles */
@@ -358,6 +374,36 @@
358
374
  }
359
375
  }
360
376
 
377
+ /* Block presence awareness */
378
+ .ixo-block-presence-border {
379
+ transition: border-left-color 200ms ease;
380
+ }
381
+
382
+ .ixo-block-presence-badges {
383
+ position: absolute;
384
+ top: -8px;
385
+ right: 12px;
386
+ display: flex;
387
+ gap: 4px;
388
+ z-index: 10;
389
+ pointer-events: none;
390
+ }
391
+
392
+ .ixo-block-presence-badge {
393
+ width: 20px;
394
+ height: 20px;
395
+ border-radius: 50%;
396
+ display: flex;
397
+ align-items: center;
398
+ justify-content: center;
399
+ font-size: 11px;
400
+ font-weight: 600;
401
+ color: #fff;
402
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
403
+ pointer-events: none;
404
+ overflow: hidden;
405
+ }
406
+
361
407
  /* Hide ProseMirror drop cursor ONLY when dragging external artifacts */
362
408
  body.external-artifact-drag-active .prosemirror-dropcursor-block,
363
409
  body.external-artifact-drag-active .prosemirror-dropcursor-inline {