Remove option-hover class

agatemosu · Jul 22, 2024 · 539027e · 539027e
1 parent d7f6f53
commit 539027e
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 23 deletions.
diff --git a/index.html b/index.html
@@ -37,23 +37,20 @@
 					<div class="options-container">
 						<div class="option delete">
 							<img
-								class="option-hover"
 								src="assets/trash.svg"
 								alt="Delete"
 								onclick="deleteRow(this)"
 							/>
 						</div>
 						<div class="option">
 							<img
-								class="option-hover"
 								src="assets/chevron-up.svg"
 								alt="Up"
 								onclick="moveRow(this, -1)"
 							/>
 						</div>
 						<div class="option">
 							<img
-								class="option-hover"
 								src="assets/chevron-down.svg"
 								alt="Down"
 								onclick="moveRow(this, 1)"
@@ -79,23 +76,20 @@
 					<div class="options-container">
 						<div class="option delete">
 							<img
-								class="option-hover"
 								src="assets/trash.svg"
 								alt="Delete"
 								onclick="deleteRow(this)"
 							/>
 						</div>
 						<div class="option">
 							<img
-								class="option-hover"
 								src="assets/chevron-up.svg"
 								alt="Up"
 								onclick="moveRow(this, -1)"
 							/>
 						</div>
 						<div class="option">
 							<img
-								class="option-hover"
 								src="assets/chevron-down.svg"
 								alt="Down"
 								onclick="moveRow(this, 1)"
@@ -121,23 +115,20 @@
 					<div class="options-container">
 						<div class="option delete">
 							<img
-								class="option-hover"
 								src="assets/trash.svg"
 								alt="Delete"
 								onclick="deleteRow(this)"
 							/>
 						</div>
 						<div class="option">
 							<img
-								class="option-hover"
 								src="assets/chevron-up.svg"
 								alt="Up"
 								onclick="moveRow(this, -1)"
 							/>
 						</div>
 						<div class="option">
 							<img
-								class="option-hover"
 								src="assets/chevron-down.svg"
 								alt="Down"
 								onclick="moveRow(this, 1)"
@@ -163,23 +154,20 @@
 					<div class="options-container">
 						<div class="option delete">
 							<img
-								class="option-hover"
 								src="assets/trash.svg"
 								alt="Delete"
 								onclick="deleteRow(this)"
 							/>
 						</div>
 						<div class="option">
 							<img
-								class="option-hover"
 								src="assets/chevron-up.svg"
 								alt="Up"
 								onclick="moveRow(this, -1)"
 							/>
 						</div>
 						<div class="option">
 							<img
-								class="option-hover"
 								src="assets/chevron-down.svg"
 								alt="Down"
 								onclick="moveRow(this, 1)"
@@ -205,23 +193,20 @@
 					<div class="options-container">
 						<div class="option delete">
 							<img
-								class="option-hover"
 								src="assets/trash.svg"
 								alt="Delete"
 								onclick="deleteRow(this)"
 							/>
 						</div>
 						<div class="option">
 							<img
-								class="option-hover"
 								src="assets/chevron-up.svg"
 								alt="Up"
 								onclick="moveRow(this, -1)"
 							/>
 						</div>
 						<div class="option">
 							<img
-								class="option-hover"
 								src="assets/chevron-down.svg"
 								alt="Down"
 								onclick="moveRow(this, 1)"
@@ -247,23 +232,20 @@
 					<div class="options-container">
 						<div class="option delete">
 							<img
-								class="option-hover"
 								src="assets/trash.svg"
 								alt="Delete"
 								onclick="deleteRow(this)"
 							/>
 						</div>
 						<div class="option">
 							<img
-								class="option-hover"
 								src="assets/chevron-up.svg"
 								alt="Up"
 								onclick="moveRow(this, -1)"
 							/>
 						</div>
 						<div class="option">
 							<img
-								class="option-hover"
 								src="assets/chevron-down.svg"
 								alt="Down"
 								onclick="moveRow(this, 1)"

diff --git a/script.js b/script.js
@@ -99,7 +99,6 @@ function addRow(tierName = "New tier", defaultColor = "#778899") {
 	deleteButton.className = "option delete";
 
 	const deleteImage = document.createElement("img");
-	deleteImage.className = "option-hover";
 	deleteImage.src = "assets/trash.svg";
 	deleteImage.alt = "Delete";
 	deleteImage.setAttribute("onclick", "deleteRow(this)");
@@ -108,7 +107,6 @@ function addRow(tierName = "New tier", defaultColor = "#778899") {
 	upButton.className = "option";
 
 	const upImage = document.createElement("img");
-	upImage.className = "option-hover";
 	upImage.src = "assets/chevron-up.svg";
 	upImage.alt = "Up";
 	upImage.setAttribute("onclick", "moveRow(this, -1)");
@@ -117,7 +115,6 @@ function addRow(tierName = "New tier", defaultColor = "#778899") {
 	downButton.className = "option";
 
 	const downImage = document.createElement("img");
-	downImage.className = "option-hover";
 	downImage.src = "assets/chevron-down.svg";
 	downImage.alt = "Down";
 	downImage.setAttribute("onclick", "moveRow(this, 1)");

diff --git a/styles.css b/styles.css
@@ -128,11 +128,11 @@ p {
 	justify-content: right;
 }
 
-.option-hover {
+.option img {
 	transition: ease 100ms;
 }
 
-.option-hover:hover {
+.option img:hover {
 	filter: contrast(0%);
 }