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

feat: nested toggle block (#671)

Browse Source 
* feat: nested toggle block

* fix: md export

* fix detailsButton icon alignment

---------

Co-authored-by: Philipinho <16838612+Philipinho@users.noreply.github.com>
This commit is contained in:
fuscodev
2025-04-04 14:01:39 +02:00
committed by GitHub
parent 7ca2b437d4
commit 8aa604637e
4 changed files with 26 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/client/src/features/editor/components/slash-menu/menu-items.ts
View File

@ -247,7 +247,7 @@ const CommandGroups: SlashMenuGroupedItemsType = {
searchTerms: ["collapsible", "block", "toggle", "details", "expand"],
icon: IconCaretRightFilled,
command: ({ editor, range }: CommandProps) =>
editor.chain().focus().deleteRange(range).toggleDetails().run(),
editor.chain().focus().deleteRange(range).setDetails().run(),
},
{
title: "Callout",

36
apps/client/src/features/editor/styles/details.css
View File

@ -53,24 +53,22 @@
padding: 4px;
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;
}
}
}
}
}
[data-type="details"] > [data-type="detailsContainer"] > [data-type="detailsContent"]{
display: none;
}
[data-type="details"][open] > [data-type="detailsContainer"] > [data-type="detailsContent"]{
display: block;
}
[data-type="details"][open] > [data-type="detailsButton"] {
align-items: start;
}
[data-type="details"][open] > [data-type="detailsButton"] .ProseMirror-icon{
transform: rotateZ(90deg);
}
}