Henrik Giesel
c3253e8596
Remove comma
2021-09-06 21:15:37 +10:00
Henrik Giesel
18f63ef17e
Prevent overflow of sizeDimensions or image handle buttons
2021-09-06 21:15:37 +10:00
Henrik Giesel
cc2641095f
Fix automatic positioning of ButtonDropdown after changing float property
2021-09-06 21:15:37 +10:00
Henrik Giesel
3579b6a3b6
Introduce WithImageConstrained
2021-09-06 21:15:37 +10:00
Henrik Giesel
017b6f9ff1
Parameterize overlay handle offsets
2021-09-06 21:15:37 +10:00
Henrik Giesel
f2f93ef67e
Move more logic into HandleSelection
2021-09-06 21:15:37 +10:00
Henrik Giesel
96fd1f5b77
Remove unused import tick
2021-09-06 21:15:37 +10:00
Henrik Giesel
24b4f5e6e9
Implement HandleLabel
2021-09-06 21:15:37 +10:00
Henrik Giesel
1c99d163d1
Implement HandleBackground
2021-09-06 21:15:37 +10:00
Henrik Giesel
40c62c8c41
Remove unused nightMode from ImageHandle
2021-09-06 21:15:37 +10:00
Henrik Giesel
73d56df610
Introduce HandleControl
2021-09-06 21:15:37 +10:00
Henrik Giesel
18ed6597f5
Introduce HandleSelection.svelte
2021-09-06 21:15:37 +10:00
Henrik Giesel
e003a08c83
Change SizeSelect.images back to const: no reactivity needed here
2021-09-06 21:15:37 +10:00
Henrik Giesel
1eb84b5d64
Also check for sizeSelect.includes
2021-09-06 21:15:37 +10:00
Henrik Giesel
7cd0ced35b
Make images in SizeSelect variable again
2021-09-06 21:15:37 +10:00
Henrik Giesel
386e2740e6
Only allow ImageHandle on valid pictures (determined in SizeSelect)
2021-09-06 21:15:37 +10:00
Henrik Giesel
899434c682
Fix resetting image-handle-bg on no activeImage
2021-09-06 21:15:37 +10:00
Henrik Giesel
a8ffdc2d7f
Set max-width of images in the reviewer to 100%
2021-09-06 21:15:37 +10:00
Henrik Giesel
bae09a4743
Make first adjustment of size dimensions wait for setting of dimensions label
2021-09-06 21:15:37 +10:00
Henrik Giesel
5f1ed707ff
Better algorithmus for minimum resize + prevent overflow of dimensions
2021-09-06 21:15:37 +10:00
Henrik Giesel
083d173469
Constrain with proportions in SizeSelect
2021-09-06 21:15:37 +10:00
Henrik Giesel
2f94208381
Show custom dimensions again
2021-09-06 21:15:37 +10:00
Henrik Giesel
13f5819f48
Detect active status again
2021-09-06 21:15:37 +10:00
Henrik Giesel
69f1c353df
Implement new resizing algorithm
...
* resizes against the original parameters
2021-09-06 21:15:37 +10:00
Henrik Giesel
d3e46e9da4
Manage CSSStyleSheet from within SizeSelect where each image has one rule
2021-09-06 21:15:37 +10:00
Henrik Giesel
e581d593d3
Hide Float icons when width too small + Avoid too small resizing
2021-09-06 21:15:37 +10:00
Henrik Giesel
f379e18e6f
Revert "During resizing, make the smaller dimension decide the new dimensions"
...
This reverts commit 5bad9a913ce7b4a4cc58106936203fddec37d6da.
The previous behavior was the one you can observe in most graphical editors:
The bigger dimension (width or height) will decide the size, not the smaller one.
2021-09-06 21:15:37 +10:00
Henrik Giesel
64a68743bd
During resizing, make the smaller dimension decide the new dimensions
2021-09-06 21:15:37 +10:00
Henrik Giesel
f9000de16c
Reset height, so it defaults to "auto"
...
* This allows more flexible dynamic resizing for the image in the (p)reviewer
2021-09-06 21:15:37 +10:00
Henrik Giesel
b07c46f88f
Add margin to other side of dimensions
2021-09-06 21:15:37 +10:00
Henrik Giesel
5e80ef3562
Do not allow for resizing when in constrained mode
2021-09-06 21:15:37 +10:00
Henrik Giesel
4142fa2aa2
Don't show same dimensions twice if there are no custom dimensions
2021-09-06 21:15:37 +10:00
Henrik Giesel
92ed342547
Change position of float buttons and dimension
...
* So we can show dimensions at lower image sizes
2021-09-06 21:15:37 +10:00
Henrik Giesel
1472dc854c
Deal with case where no style.{width,height} is set for size dimensions
2021-09-06 21:15:37 +10:00
Henrik Giesel
be3aaa1519
Dispaly "actualHeight / actualWidth" even in constrained mode
2021-09-06 21:15:37 +10:00
Henrik Giesel
4da68e3583
Turn off no-explicit-warning for editing-area
2021-09-06 21:15:36 +10:00
Henrik Giesel
d22aa72964
Use ResizeObserver to resize overlay if necessary
2021-09-06 21:15:36 +10:00
Henrik Giesel
30e0894ad9
Reset image handle on keydown and blur
2021-09-06 21:15:36 +10:00
Henrik Giesel
c6e56e0465
Better RTL support
2021-09-06 21:15:36 +10:00
Henrik Giesel
eb71c97872
Adjust actual size tooltip
2021-09-06 21:15:36 +10:00
Henrik Giesel
def2333605
Move selector / active logic up to ImageHandle
2021-09-06 21:15:36 +10:00
Henrik Giesel
a09187007d
Do not use width/height auto important to avoid enlarging smaller images
2021-09-06 21:15:36 +10:00
Henrik Giesel
a1df49b11e
Implement Maximum image size mechanism
2021-09-06 21:15:36 +10:00
Henrik Giesel
8a8cd4ee38
Add float tooltips
2021-09-06 21:15:36 +10:00
Henrik Giesel
f902e91ebd
Allow SW resize
2021-09-06 21:15:36 +10:00
Henrik Giesel
b3c921b86c
Bind to style properties instead of events
2021-09-06 21:15:36 +10:00
Henrik Giesel
8429d00081
Add functionality to set float of image
2021-09-06 21:15:36 +10:00
Henrik Giesel
49da806d91
Image resizes preserves ratio
2021-09-06 21:15:36 +10:00
Henrik Giesel
1756bca212
Add image-handle-dimensions to show dimensions directly on image
2021-09-06 21:15:36 +10:00
Henrik Giesel
0b06891771
First implementation of ImageHandle
2021-09-06 21:15:36 +10:00
