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

two-up closer design match & smaller line

Browse Source
This commit is contained in:
Jake Archibald
2018-10-16 12:14:14 +01:00
parent a27f76397a
commit f42427cf13
2 changed files with 47 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -68,12 +68,14 @@ export default class TwoUp extends HTMLElement {
}
connectedCallback() {
this._handle.innerHTML = `<div class="${styles.scrubber}">${
'<svg viewBox="0 0 20 10" fill="currentColor"><path d="M8 0v10L0 5zM12 0v10l8-5z"/></svg>'
}</div>`;
this._childrenChange();
if (!this._everConnected) {
this._handle.innerHTML = `<div class="${styles.scrubber}">${
`<svg viewBox="0 0 27 20" fill="currentColor">${
'<path d="M17 19.2l9.5-9.6L16.9 0zM9.6 0L0 9.6l9.6 9.6z"/>'
}</svg>`
}</div>`;
this._resetPosition();
this._everConnected = true;
}