feat: enhance table styling in ArticleEditorCanvas for improved layout and readability
This commit is contained in:
@@ -1988,6 +1988,29 @@ function runTableContextAction(action: TableContextMenuAction): void {
|
|||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.article-editor-canvas__surface :deep(.milkdown-table-block table) {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-editor-canvas__surface :deep(.milkdown-table-block th),
|
||||||
|
.article-editor-canvas__surface :deep(.milkdown-table-block td) {
|
||||||
|
min-width: 140px;
|
||||||
|
min-height: 58px;
|
||||||
|
padding: 12px 18px;
|
||||||
|
border: 2px solid #d7d7d7;
|
||||||
|
color: #1f2937;
|
||||||
|
caret-color: #000000;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.55;
|
||||||
|
vertical-align: middle;
|
||||||
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.article-editor-canvas__mask {
|
.article-editor-canvas__mask {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
|
|||||||
Reference in New Issue
Block a user