Ryan/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2025-11-23 09:31:08 +10:00
Code Issues Packages Projects Releases Wiki Activity

Editor link components

Browse Source 
* other minor fixes
This commit is contained in:
Philipinho
2024-06-24 20:39:12 +01:00
parent f2a193ac8d
commit fde6c9a2e3
25 changed files with 468 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
apps/client/src/features/editor/styles/core.css
View File

@ -9,10 +9,10 @@
);
font-size: var(--mantine-font-size-md);
line-height: var(--mantine-line-height-xl);
font-weight: 400;
font-weight: 415;
width: 100%;
{
> * + * {
margin-top: 0.75em;
}
@ -46,7 +46,7 @@
a {
color: light-dark(#207af1, #587da9);
font-weight: bold;
/*font-weight: bold;*/
text-decoration: none;
cursor: pointer;
}
@ -86,11 +86,19 @@
}
}
.react-renderer {
&.node-callout {
padding-top: var(--mantine-spacing-xs);
padding-bottom: var(--mantine-spacing-xs);
& > .react-renderer {
margin-top: var(--mantine-spacing-xl);
margin-bottom: var(--mantine-spacing-xl);
&:first-child {
margin-top: 0;
}
&:last-child {
margin-bottom: 0;
}
&.node-callout {
div[style*="white-space: inherit;"] {
> :first-child {
margin: 0;
@ -98,16 +106,25 @@
}
}
}
}
.resize-cursor {
cursor: ew-resize;
cursor: col-resize;
}
.selection {
display: inline;
}
.comment-mark {
background: rgba(255, 215, 0, 0.14);
border-bottom: 2px solid rgb(166, 158, 12);
.selection,
*::selection {
background-color: light-dark(var(--mantine-color-gray-2), var(--mantine-color-gray-7));
}
.comment-mark {
background: rgba(255, 215, 0, 0.14);
border-bottom: 2px solid rgb(166, 158, 12);
}
.resize-cursor {
cursor: ew-resize;
cursor: col-resize;
}
}
.ProseMirror-icon {

3
apps/client/src/features/editor/styles/media.css
View File

@ -5,9 +5,6 @@
}
.node-image, .node-video {
margin-top: 8px;
margin-bottom: 8px;
&.ProseMirror-selectednode {
outline: none;
}

38
apps/client/src/features/editor/styles/placeholder.css
View File

@ -1,24 +1,20 @@
.ProseMirror p.is-editor-empty:first-child::before {
content: attr(data-placeholder);
float: left;
color: #adb5bd;
pointer-events: none;
height: 0;
}
.ProseMirror h1.is-editor-empty:first-child::before {
content: attr(data-placeholder);
float: left;
color: #adb5bd;
pointer-events: none;
height: 0;
}
/* Placeholder (on every new line) */
/*.ProseMirror p.is-empty::before {
color: #adb5bd;
.ProseMirror .is-editor-empty:first-child::before {
content: attr(data-placeholder);
float: left;
height: 0;
color: #adb5bd;
pointer-events: none;
}*/
height: 0;
}
.ProseMirror .is-empty::before {
content: attr(data-placeholder);
float: left;
color: #adb5bd;
pointer-events: none;
height: 0;
}
.ProseMirror table .is-editor-empty:first-child::before,
.ProseMirror table .is-empty::before {
content: '';
}