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

Added image resizing via drag handles

Browse Source
This commit is contained in:
Dan Brown
2022-01-17 17:43:16 +00:00
parent 7622106665
commit 7125530e55
8 changed files with 324 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
resources/sass/_editor.scss
View File

@ -452,4 +452,46 @@ img.ProseMirror-separator {
input {
margin: 0 $-s;
}
}
.ProseMirror-imagewrap {
display: inline-block;
line-height: 0;
font-size: 0;
position: relative;
}
.ProseMirror-imagewrap.ProseMirror-selectednode {
outline: 0;
}
.ProseMirror img[data-show-handles] {
outline: 4px solid #000;
}
.ProseMirror-dragdummy {
position: absolute;
z-index: 2;
left: 0;
top: 0;
max-width: none !important;
max-height: none !important;
}
.ProseMirror-grabhandle {
width: 12px;
height: 12px;
border: 2px solid #000;
z-index: 4;
position: absolute;
background-color: #FFF;
}
.ProseMirror-grabhandle-left-top {
cursor: nw-resize;
}
.ProseMirror-grabhandle-right-top {
cursor: ne-resize;
}
.ProseMirror-grabhandle-right-bottom {
cursor: se-resize;
}
.ProseMirror-grabhandle-left-bottom {
cursor: sw-resize;
}