hcengineering/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2024-11-23 05:53:09 +03:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

UBERF-4644 Text editor style fixes (#4197)

Browse Source 
Signed-off-by: Alexander Onnikov <alexander.onnikov@xored.com>
This commit is contained in:
Alexander Onnikov 2023-12-14 13:27:05 +07:00 committed by GitHub
parent 48351893b1
commit 810ec9010b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/text-editor/src/components/extension/table/TableNodeView.svelte
View File

@ -71,7 +71,7 @@
</script> </script>
<NodeViewWrapper class="table-node-wrapper" data-drag-handle> <NodeViewWrapper class="table-node-wrapper" data-drag-handle>
<div class="table-wrapper" class:table-selected={focused}> <div class="table-wrapper" class:table-selected={editable && focused}>
<table class={className}> <table class={className}>
<NodeViewContent as="tbody" /> <NodeViewContent as="tbody" />
</table> </table>
@ -131,6 +131,7 @@
right: -1.25rem; right: -1.25rem;
top: 0; top: 0;
bottom: 0; bottom: 0;
margin: 1.25rem 0;
.table-button { .table-button {
width: 1.25rem; width: 1.25rem;

2
packages/theme/styles/_colors.scss
View File

@ -299,6 +299,7 @@
--text-editor-toc-default-color: rgba(255, 255, 255, 0.1); --text-editor-toc-default-color: rgba(255, 255, 255, 0.1);
--text-editor-toc-hovered-color: rgba(255, 255, 255, 0.4); --text-editor-toc-hovered-color: rgba(255, 255, 255, 0.4);
--text-editor-drag-marker-bg-color: #444248; --text-editor-drag-marker-bg-color: #444248;
--text-editor-table-header-color: rgba(255, 255, 255, 0.06);
--theme-clockface-back: radial-gradient(farthest-corner at 50% 0%, #bbb, #fff 100%); --theme-clockface-back: radial-gradient(farthest-corner at 50% 0%, #bbb, #fff 100%);
--theme-clockface-shadow: inset 0 -3px 10px #aaa; --theme-clockface-shadow: inset 0 -3px 10px #aaa;
@ -526,6 +527,7 @@
--text-editor-toc-default-color: rgba(0, 0, 0, 0.1); --text-editor-toc-default-color: rgba(0, 0, 0, 0.1);
--text-editor-toc-hovered-color: rgba(0, 0, 0, 0.4); --text-editor-toc-hovered-color: rgba(0, 0, 0, 0.4);
--text-editor-drag-marker-bg-color: #444248; --text-editor-drag-marker-bg-color: #444248;
--text-editor-table-header-color: rgba(0, 0, 0, 0.06);
--theme-clockface-back: radial-gradient(farthest-corner at 50% 0%, #606060, #000 100%); --theme-clockface-back: radial-gradient(farthest-corner at 50% 0%, #606060, #000 100%);
--theme-clockface-shadow: inset 0 -3px 10px #000; --theme-clockface-shadow: inset 0 -3px 10px #000;

4
packages/theme/styles/_text-editor.scss
View File

@ -230,6 +230,10 @@
} }
} }
.ProseMirror-gapcursor:after {
border-top: 1px solid var(--theme-text-primary-color) !important;
}
.reference { .reference {
&:hover, &:hover,
&.ProseMirror-selectednode { &.ProseMirror-selectednode {

5
packages/theme/styles/prose.scss
View File

@ -49,14 +49,15 @@ table.proseTable {
th { th {
text-align: left; text-align: left;
background-color: var(--button-bg-color); background-color: var(--text-editor-table-header-color);
} }
p { p {
margin: 0; margin: 0;
} }
td { td,
th {
// cell selection // cell selection
&.table-cell-selected { &.table-cell-selected {