fix(editor): adjust the style of the table block (#10348)
This commit is contained in:
@@ -2,8 +2,7 @@ import { style } from '@vanilla-extract/css';
|
|||||||
|
|
||||||
export const tableContainer = style({
|
export const tableContainer = style({
|
||||||
display: 'block',
|
display: 'block',
|
||||||
backgroundColor: 'var(--affine-background-primary-color)',
|
padding: '10px 0 18px 10px',
|
||||||
padding: '10px 0 18px',
|
|
||||||
overflowX: 'auto',
|
overflowX: 'auto',
|
||||||
overflowY: 'visible',
|
overflowY: 'visible',
|
||||||
selectors: {
|
selectors: {
|
||||||
|
|||||||
@@ -135,7 +135,7 @@ export class TableBlockComponent extends CaptionedBlockComponent<TableBlockModel
|
|||||||
contenteditable="false"
|
contenteditable="false"
|
||||||
class=${tableContainer}
|
class=${tableContainer}
|
||||||
style=${styleMap({
|
style=${styleMap({
|
||||||
marginLeft: `-${virtualPadding}px`,
|
marginLeft: `-${virtualPadding + 10}px`,
|
||||||
marginRight: `-${virtualPadding}px`,
|
marginRight: `-${virtualPadding}px`,
|
||||||
position: 'relative',
|
position: 'relative',
|
||||||
})}
|
})}
|
||||||
|
|||||||
@@ -4,7 +4,8 @@ import { createVar, style } from '@vanilla-extract/css';
|
|||||||
export const cellContainerStyle = style({
|
export const cellContainerStyle = style({
|
||||||
position: 'relative',
|
position: 'relative',
|
||||||
alignItems: 'center',
|
alignItems: 'center',
|
||||||
border: '1px solid var(--affine-border-color)',
|
border: '1px solid',
|
||||||
|
borderColor: cssVarV2.table.border,
|
||||||
borderCollapse: 'collapse',
|
borderCollapse: 'collapse',
|
||||||
isolation: 'auto',
|
isolation: 'auto',
|
||||||
textAlign: 'start',
|
textAlign: 'start',
|
||||||
|
|||||||
Reference in New Issue
Block a user