From e6f50c841924ed967070d628a6e4734b069128a6 Mon Sep 17 00:00:00 2001 From: Hsieh Chin Fan Date: Wed, 9 Oct 2024 20:49:08 +0800 Subject: refactor: Attribute -> dataset --- src/Layout.mjs | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) (limited to 'src/Layout.mjs') diff --git a/src/Layout.mjs b/src/Layout.mjs index c5276b4..5236475 100644 --- a/src/Layout.mjs +++ b/src/Layout.mjs @@ -64,7 +64,7 @@ export class SideBySide extends Layout { resizeByLeft(pos.left) } draggable.onDragEnd = _ => { - handle.removeAttribute('style') + handle.style.cssText = '' } onRemove(bar, () => draggable.remove()) @@ -98,8 +98,8 @@ export class Overlay extends Layout { */ saveLeftTopAsData = element => { const { left, top } = element.getBoundingClientRect() - element.setAttribute('data-left', left) - element.setAttribute('data-top', top) + element.dataset.left = left + element.dataset.top = top } /** @@ -178,8 +178,8 @@ export class Overlay extends Layout { // Create draggable blocks and set each position by previous one let [left, top] = [20, 20] blocks.forEach(block => { - const originLeft = Number(block.getAttribute('data-left')) - const originTop = Number(block.getAttribute('data-top')) + const originLeft = Number(block.dataset.left) + const originTop = Number(block.dataset.top) // Create draggable block const wrapper = document.createElement('div') @@ -229,13 +229,13 @@ export class Overlay extends Layout { } utils.onmouseout = () => { wrapper.appendChild(utils) - utils.removeAttribute('style') + utils.style.cssText = '' } // Close button wrapper.querySelector('#close').onclick = () => { block.classList.remove('focus') - utils.removeAttribute('style') + utils.style.cssText = '' } // Plus/Minus font-size of content wrapper.querySelector('#plus-font-size').onclick = () => { -- cgit v1.2.3-70-g09d2