diff options
| author | Felix Nüsse <felix.nuesse@t-online.de> | 2022-08-02 11:27:32 +0300 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-08-02 11:27:32 +0300 |
| commit | 558c0c84ee166f2db8a45e0013dc9577ba322b44 (patch) | |
| tree | 4e7b178a2885de8d80a1651c83db6e0c5c2142f6 | |
| parent | eccdd93b5f11b032a899f827e21b05af93036087 (diff) | |
Update table style
| -rw-r--r-- | src/components/EditorMarkdownIt.vue | 40 |
1 files changed, 28 insertions, 12 deletions
diff --git a/src/components/EditorMarkdownIt.vue b/src/components/EditorMarkdownIt.vue index 340fac7d..aba20cbe 100644 --- a/src/components/EditorMarkdownIt.vue +++ b/src/components/EditorMarkdownIt.vue @@ -178,18 +178,6 @@ export default { color: var(--color-text-light) } - & table th { - font-weight: bold; - } - - & table td, & table th { - padding-right: 1.5em; - } - - & table td:empty::after { - content: '\00a0'; - } - .task-list-item { list-style-type: none; input { @@ -231,5 +219,33 @@ export default { margin-bottom: 5px; } + & table { + width: calc(100% - 50px); + table-layout: auto; + margin-top: 2em; + margin-bottom: 2em; + border-radius: 0.5em; + border-collapse: collapse; + border-style: hidden; + box-shadow: 0 0 0 1px var(--color-border); + } + + & table td, & table th { + padding: 0.35em 0.5em; + text-align: left; + border: 1px solid var(--color-border); + } + + & table tr:hover { + background-color: var(--color-primary-element-lighter); + } + + & table th { + font-weight: bold; + } + + & table td:empty::after { + content: '\00a0'; + } } </style> |