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

editor improvements

Browse Source 
* add callout, youtube embed, image, video, table, detail, math
* fix attachments module
* other fixes
This commit is contained in:
Philipinho
2024-06-20 14:57:00 +01:00
parent c7925739cb
commit 1f4bd129a8
74 changed files with 5205 additions and 381 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
apps/client/src/features/editor/styles/details.css Normal file
View File

@ -0,0 +1,77 @@
.ProseMirror {
[data-type="details"] {
display: flex;
padding: 0.5em;
border-radius: 4px;
border: 1px solid transparent;
transition: border 0.3s;
width: 100%;
&:hover {
border: 1px solid
light-dark(var(--mantine-color-gray-3), var(--mantine-color-gray-7));
[data-type="detailsSummary"] {}
}
[data-type="detailsButton"] {
display: flex;
cursor: pointer;
border: none;
padding: 0;
background: transparent;
.ProseMirror-icon {
width: 2em;
height: 2em;
transform: rotateZ(0deg);
transition: transform 0.3s;
}
> div {
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
&:hover,
&.active {
color: light-dark(
var(--mantine-color-gray-8),
var(--mantine-color-gray-0)
);
background: light-dark(
var(--mantine-color-gray-1),
var(--mantine-color-gray-8)
);
}
}
}
[data-type="detailsContainer"] {
flex: 1;
margin-left: 0.2em;
overflow-x: hidden;
word-break: break-word;
overflow-wrap: break-word;
[data-type="detailsContent"] {
display: none;
}
}
&[open] {
[data-type="detailsButton"] {
.ProseMirror-icon {
transform: rotateZ(90deg);
}
}
[data-type="detailsContainer"] {
[data-type="detailsContent"] {
display: block;
}
}
}
}
}