radex
/
jspaint
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix tool previews offset when canvas height is very small

main
Isaiah Odhner 2021-02-10 11:41:05 -05:00
parent 9f9b874caf
commit 70975b0730
2 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
styles/layout.css
View File

@ -129,6 +129,7 @@ html, body, .jspaint {
.selection > canvas { .selection > canvas {
/* @TODO: maybe don't include the canvas in the DOM (is it helpful to inspect it tho? it's not critical...) */ /* @TODO: maybe don't include the canvas in the DOM (is it helpful to inspect it tho? it's not critical...) */
opacity: 0; opacity: 0;
/* Fix draggable part of selection going outside the selection selection is vertically thin */
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
@ -139,6 +140,12 @@ html, body, .jspaint {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.helper-layer > canvas {
/* Fix helper layer canvas going off the main canvas when main canvas is vertically thin */
position: absolute;
left: 0;
top: 0;
}
.resize-ghost, .resize-ghost,
.component-ghost { .component-ghost {
pointer-events: none; pointer-events: none;

7
styles/layout.rtl.css
View File

@ -129,6 +129,7 @@ html, body, .jspaint {
.selection > canvas { .selection > canvas {
/* @TODO: maybe don't include the canvas in the DOM (is it helpful to inspect it tho? it's not critical...) */ /* @TODO: maybe don't include the canvas in the DOM (is it helpful to inspect it tho? it's not critical...) */
opacity: 0; opacity: 0;
/* Fix draggable part of selection going outside the selection selection is vertically thin */
position: absolute; position: absolute;
right: 0; right: 0;
top: 0; top: 0;
@ -139,6 +140,12 @@ html, body, .jspaint {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.helper-layer > canvas {
/* Fix helper layer canvas going off the main canvas when main canvas is vertically thin */
position: absolute;
right: 0;
top: 0;
}
.resize-ghost, .resize-ghost,
.component-ghost { .component-ghost {
pointer-events: none; pointer-events: none;