external-repos/squoosh
1
0
Fork 1
mirror of https://github.com/GoogleChromeLabs/squoosh.git synced 2025-11-13 17:27:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Keep relative screen division while resizing

Browse Source
This commit is contained in:
Ewa Gasperowicz
2018-09-17 13:21:31 +02:00
parent bcd88f6356
commit 1b69c9231d
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Output/custom-els/TwoUp/index.ts
View File

@@ -18,6 +18,10 @@ export default class TwoUp extends HTMLElement {
* The position of the split in pixels.
*/
private _position = 0;
/**
* The position of the split in %.
*/
private _relativePosition = 0.5;
/**
* The value of _position when the pointer went down.
*/
@@ -85,7 +89,8 @@ export default class TwoUp extends HTMLElement {
// Set the initial position of the handle.
requestAnimationFrame(() => {
const bounds = this.getBoundingClientRect();
this._position = (this.orientation === 'vertical' ? bounds.height : bounds.width) / 2;
this._position = (this.orientation === 'vertical' ?
bounds.height : bounds.width) * this._relativePosition;
this._setPosition();
});
}
@@ -146,6 +151,7 @@ export default class TwoUp extends HTMLElement {
// Clamp position to element bounds.
this._position = Math.max(0, Math.min(this._position, bounds[dimensionAxis]));
this._relativePosition = this._position / bounds[dimensionAxis];
this._setPosition();
}