move transform to button.css

jonfriesen · Aug 25, 2024 · 9dc789f · 9dc789f
1 parent d84977e
commit 9dc789f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git a/src/content/content.js b/src/content/content.js
@@ -23,14 +23,6 @@ function injectOrUpdateButton(config) {
 	button.className = `copy-button ${selectedStyle}`
 	button.innerHTML = `<img src="${chrome.runtime.getURL(icon)}" alt="Copy Info">`
 
-	button.addEventListener('mouseenter', () => {
-		button.style.transform = 'scale(1.05)'
-	})
-
-	button.addEventListener('mouseleave', () => {
-		button.style.transform = 'scale(1)'
-	})
-
 	button.addEventListener('click', () => {
 		const siteConfig = siteConfigs[config.siteKey]
 		const pageConfig = siteConfig.pages[config.pageKey]

diff --git a/src/styles/button.css b/src/styles/button.css
@@ -97,6 +97,10 @@
 	border-color: var(--retro-success-border);
 }
 
+.copy-button:hover {
+	transform: scale(1.05);
+}
+
 /* Styles for popup */
 .style-option {
 	display: inline-flex;