webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-07-30 04:23:11 +03:00
Code Activity

Lexical: Added media resize support via drag handles

Browse Source
This commit is contained in:
Dan Brown
2024-09-08 13:37:13 +01:00
parent e5b6d28bca
commit bed2c29a33
8 changed files with 133 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
resources/sass/_editor.scss
View File

@ -288,14 +288,14 @@ body.editor-is-fullscreen {
position: relative;
display: inline-flex;
}
.editor-image-resizer {
.editor-node-resizer {
position: absolute;
left: 0;
right: 0;
display: inline-block;
outline: 2px dashed var(--editor-color-primary);
}
.editor-image-resizer-handle {
.editor-node-resizer-handle {
position: absolute;
display: block;
width: 10px;
@ -325,7 +325,7 @@ body.editor-is-fullscreen {
cursor: sw-resize;
}
}
.editor-image-resizer-ghost {
.editor-node-resizer-ghost {
opacity: 0.5;
display: none;
position: absolute;
@ -335,8 +335,9 @@ body.editor-is-fullscreen {
height: 100%;
z-index: 2;
pointer-events: none;
background-color: var(--editor-color-primary);
}
.editor-image-resizer.active .editor-image-resizer-ghost {
.editor-node-resizer.active .editor-node-resizer-ghost {
display: block;
}
@ -372,6 +373,13 @@ body.editor-is-fullscreen {
outline: 2px dashed var(--editor-color-primary);
}
.editor-media-wrap {
cursor: not-allowed;
iframe {
pointer-events: none;
}
}
/**
* Fake task list checkboxes
*/