@jotx-labs/editor 2.4.164 → 2.4.166

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.
@@ -84,6 +84,9 @@
84
84
  .jotxlink-content {
85
85
  padding: 0;
86
86
  border-top: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 12% 22%)));
87
+ /* Ensure proper text color is inherited immediately */
88
+ color: var(--vscode-foreground, hsl(var(--foreground, 222 47% 11%)));
89
+ background: var(--vscode-editor-background, hsl(var(--background, 0 0% 100%)));
87
90
  }
88
91
 
89
92
  /* Old styles - kept for backwards compatibility */
@@ -320,9 +320,9 @@
320
320
  .readonly-table,
321
321
  .readonly-checklist {
322
322
  padding: 16px;
323
- border: 1px solid var(--vscode-panel-border);
323
+ border: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 12% 22%)));
324
324
  border-radius: 6px;
325
- background: var(--vscode-editor-background);
325
+ background: var(--vscode-editor-background, hsl(var(--background, 0 0% 100%)));
326
326
  }
327
327
 
328
328
  .table-header,
@@ -334,7 +334,34 @@
334
334
  .table-columns,
335
335
  .checklist-content {
336
336
  font-size: 14px;
337
- color: var(--vscode-foreground);
337
+ color: var(--vscode-foreground, hsl(var(--foreground, 222 47% 11%)));
338
+ }
339
+
340
+ /* Tiptap table styles for ReadonlyBlockRenderer */
341
+ .readonly-block-renderer table {
342
+ border-collapse: collapse;
343
+ width: 100%;
344
+ margin: 8px 0;
345
+ table-layout: fixed;
346
+ }
347
+
348
+ .readonly-block-renderer th,
349
+ .readonly-block-renderer td {
350
+ border: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 13% 80%)));
351
+ padding: 8px 12px;
352
+ text-align: left;
353
+ vertical-align: top;
354
+ color: var(--vscode-foreground, hsl(var(--foreground, 222 47% 11%)));
355
+ background: var(--vscode-editor-background, hsl(var(--background, 0 0% 100%)));
356
+ }
357
+
358
+ .readonly-block-renderer th {
359
+ font-weight: 600;
360
+ background: var(--vscode-editor-selectionBackground, hsl(var(--muted, 220 14% 96%)));
361
+ }
362
+
363
+ .readonly-block-renderer tr:hover td {
364
+ background: var(--vscode-list-hoverBackground, hsl(var(--muted, 220 14% 96%) / 0.5));
338
365
  }
339
366
 
340
367
  /* Image block */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jotx-labs/editor",
3
- "version": "2.4.164",
3
+ "version": "2.4.166",
4
4
  "files": [
5
5
  "dist",
6
6
  "src/styles"
@@ -84,6 +84,9 @@
84
84
  .jotxlink-content {
85
85
  padding: 0;
86
86
  border-top: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 12% 22%)));
87
+ /* Ensure proper text color is inherited immediately */
88
+ color: var(--vscode-foreground, hsl(var(--foreground, 222 47% 11%)));
89
+ background: var(--vscode-editor-background, hsl(var(--background, 0 0% 100%)));
87
90
  }
88
91
 
89
92
  /* Old styles - kept for backwards compatibility */
@@ -320,9 +320,9 @@
320
320
  .readonly-table,
321
321
  .readonly-checklist {
322
322
  padding: 16px;
323
- border: 1px solid var(--vscode-panel-border);
323
+ border: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 12% 22%)));
324
324
  border-radius: 6px;
325
- background: var(--vscode-editor-background);
325
+ background: var(--vscode-editor-background, hsl(var(--background, 0 0% 100%)));
326
326
  }
327
327
 
328
328
  .table-header,
@@ -334,7 +334,34 @@
334
334
  .table-columns,
335
335
  .checklist-content {
336
336
  font-size: 14px;
337
- color: var(--vscode-foreground);
337
+ color: var(--vscode-foreground, hsl(var(--foreground, 222 47% 11%)));
338
+ }
339
+
340
+ /* Tiptap table styles for ReadonlyBlockRenderer */
341
+ .readonly-block-renderer table {
342
+ border-collapse: collapse;
343
+ width: 100%;
344
+ margin: 8px 0;
345
+ table-layout: fixed;
346
+ }
347
+
348
+ .readonly-block-renderer th,
349
+ .readonly-block-renderer td {
350
+ border: 1px solid var(--vscode-panel-border, hsl(var(--border, 220 13% 80%)));
351
+ padding: 8px 12px;
352
+ text-align: left;
353
+ vertical-align: top;
354
+ color: var(--vscode-foreground, hsl(var(--foreground, 222 47% 11%)));
355
+ background: var(--vscode-editor-background, hsl(var(--background, 0 0% 100%)));
356
+ }
357
+
358
+ .readonly-block-renderer th {
359
+ font-weight: 600;
360
+ background: var(--vscode-editor-selectionBackground, hsl(var(--muted, 220 14% 96%)));
361
+ }
362
+
363
+ .readonly-block-renderer tr:hover td {
364
+ background: var(--vscode-list-hoverBackground, hsl(var(--muted, 220 14% 96%) / 0.5));
338
365
  }
339
366
 
340
367
  /* Image block */