diff options
author | Vinicius Reis <vinicius.reis@nextcloud.com> | 2022-03-15 02:20:32 +0300 |
---|---|---|
committer | Max <max@nextcloud.com> | 2022-03-31 15:29:21 +0300 |
commit | 921080c90486ae4872984724f6ebccceb7d673a4 (patch) | |
tree | cfbb87c5541dae6d64d77af9ae841d7290800c6e /css | |
parent | c41a6616a2a52090b00ac1ba8f3a2cd77ad4f716 (diff) |
💄 (#114): add table css
Signed-off-by: Vinicius Reis <vinicius.reis@nextcloud.com>
Diffstat (limited to 'css')
-rw-r--r-- | css/prosemirror.scss | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/css/prosemirror.scss b/css/prosemirror.scss index 9b0f2ac9d..b5680aee1 100644 --- a/css/prosemirror.scss +++ b/css/prosemirror.scss @@ -252,6 +252,35 @@ div.ProseMirror { } } + // TODO: create new css variables to improve the theming capability. + table { + border-collapse: collapse; + border-spacing: 0; + width: 100%; + table-layout: fixed; + white-space: normal; // force text to wrapping + + td, th { + border: 1px solid var(--color-border); + color: var(--color-main-text); + padding: 0.5em 0.75em; + vertical-align: top; + max-width: 100%; + } + thead tr { + background-color: var(--color-background-darker); + th { + font-weight: bold; + border-color: var(--color-border-dark); + } + } + tbody tr { + background-color: var(--color-main-background); + &:hover, &:active, &:focus { + background-color: var(--color-background-dark); + } + } + } } .ProseMirror-focused .ProseMirror-gapcursor { |