starred/yaak
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-19 15:31:19 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Fix fold gutter icon direction

Browse Source
This commit is contained in:
Gregory Schier
2024-07-30 13:58:30 -07:00
parent 84e5618307
commit 9d2de4a0b1
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src-web/components/core/Editor/Editor.css
View File

@@ -132,16 +132,18 @@
} }
.cm-editor .fold-gutter-icon::after { .cm-editor .fold-gutter-icon::after {
@apply block w-1.5 h-1.5 border-transparent -rotate-45 @apply block w-1.5 h-1.5 p-0.5 border-transparent
border-l border-b border-l-[currentColor] border-b-[currentColor] content-['']; border-l border-b border-l-[currentColor] border-b-[currentColor] content-[''];
} }
.cm-editor .fold-gutter-icon[data-open] { /* Rotate the fold gutter chevron when open */
@apply pt-[0.38em] pl-[0.3em]; .cm-editor .fold-gutter-icon[data-open]::after {
@apply rotate-[-45deg];
} }
.cm-editor .fold-gutter-icon[data-open]::after { /* Adjust fold gutter icon position after rotation */
@apply rotate-[-135deg]; .cm-editor .fold-gutter-icon:not([data-open])::after {
@apply relative -left-[0.1em] top-[0.1em] rotate-[-135deg];
} }
.cm-editor .fold-gutter-icon:hover { .cm-editor .fold-gutter-icon:hover {