diff options
| author | Max <max@nextcloud.com> | 2022-03-16 14:01:24 +0300 |
|---|---|---|
| committer | Max <max@nextcloud.com> | 2022-03-31 15:29:23 +0300 |
| commit | 7481eee6ab3bb0fccfd1a8ff5f753282d792690f (patch) | |
| tree | 6457d2df04664ebce799d11c0d95d6ddb46cb2b9 | |
| parent | df1deb6c36b42e4dee065742e5791afe95f04f5d (diff) | |
style: add border radius to table
Signed-off-by: Max <max@nextcloud.com>
| -rw-r--r-- | css/prosemirror.scss | 22 |
1 files changed, 20 insertions, 2 deletions
diff --git a/css/prosemirror.scss b/css/prosemirror.scss index fd57b776b..71690d460 100644 --- a/css/prosemirror.scss +++ b/css/prosemirror.scss @@ -254,7 +254,6 @@ div.ProseMirror { // TODO: create new css variables to improve the theming capability. table { - border-collapse: collapse; border-spacing: 0; width: 100%; table-layout: fixed; @@ -262,14 +261,21 @@ div.ProseMirror { td, th { border: 1px solid var(--color-border); + border-left: 0; color: var(--color-main-text); padding: 0.5em 0.75em; vertical-align: top; max-width: 100%; + &:first-child { + border-left: 1px solid var(--color-border); + } + } + td { + border-top: 0; } th { font-weight: bold; - border-color: var(--color-border-dark); + border-bottom-color: var(--color-border-dark); } tr { background-color: var(--color-main-background); @@ -277,7 +283,19 @@ div.ProseMirror { background-color: var(--color-background-dark); } } + + tr:first-child { + th:first-child { border-top-left-radius: var(--border-radius); } + th:last-child { border-top-right-radius: var(--border-radius); } + } + + tr:last-child { + td:first-child { border-bottom-left-radius: var(--border-radius); } + td:last-child { border-bottom-right-radius: var(--border-radius); } + } + } + } .ProseMirror-focused .ProseMirror-gapcursor { |