fix(editor): adjust the style of the table block

2026-02-04 16:44:56 +00:00 · 2025-02-21 17:10:06 +08:00
3 changed files with 4 additions and 4 deletions
--- a/blocksuite/affine/block-table/src/table-block.css.ts
+++ b/blocksuite/affine/block-table/src/table-block.css.ts
@@ -2,8 +2,7 @@ import { style } from '@vanilla-extract/css';

 export const tableContainer = style({
  display: 'block',
-  backgroundColor: 'var(--affine-background-primary-color)',
-  padding: '10px 0 18px',
+  padding: '10px 0 18px 10px',
  overflowX: 'auto',
  overflowY: 'visible',
  selectors: {
--- a/blocksuite/affine/block-table/src/table-block.ts
+++ b/blocksuite/affine/block-table/src/table-block.ts
@@ -135,7 +135,7 @@ export class TableBlockComponent extends CaptionedBlockComponent<TableBlockModel
        contenteditable="false"
        class=${tableContainer}
        style=${styleMap({
-          marginLeft: `-${virtualPadding}px`,
+          marginLeft: `-${virtualPadding + 10}px`,
          marginRight: `-${virtualPadding}px`,
          position: 'relative',
        })}
--- a/blocksuite/affine/block-table/src/table-cell.css.ts
+++ b/blocksuite/affine/block-table/src/table-cell.css.ts
@@ -4,7 +4,8 @@ import { createVar, style } from '@vanilla-extract/css';
 export const cellContainerStyle = style({
  position: 'relative',
  alignItems: 'center',
-  border: '1px solid var(--affine-border-color)',
+  border: '1px solid',
+  borderColor: cssVarV2.table.border,
  borderCollapse: 'collapse',
  isolation: 'auto',
  textAlign: 'start',