Merge pull request #77 from aidan-yip/preview

Change cursor styles
aidan-yip · Sep 5, 2024 · 02710ec · 02710ec
2 parents ae1efc2 + 015c10d
commit 02710ec
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 8 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/script.js b/script.js
@@ -195,6 +195,16 @@ for (let i = 0; i < app_icon_no_sound.length; i++) {
   app_icon_no_sound[i].tabIndex = 0;
 }
 
+//cursor style normal
+for (let i = 0; i < app_icon_no_sound.length; i++) {
+  app_icon_no_sound[i].cursor = "default";
+}
+
+//color input
+color_input.onmouseover = () => {
+  color_input.style.cursor = "copy";
+};
+
 //no cursor on icons
 for (let i = 0; i < app_icon.length; i++) {
   app_icon[i].style.cursor = "none";

diff --git a/styles.css b/styles.css
@@ -29,7 +29,7 @@ input[type="range"]:focus {
 
 input[type="range"]::-ms-track {
   width: 100%;
-  cursor: pointer;
+  cursor: ew-resize;
   background: transparent;
   border-color: transparent;
   color: transparent;
@@ -41,7 +41,7 @@ input[type="range"]::-webkit-slider-thumb {
   width: 20px;
   border-radius: 35px;
   background: #ffffff;
-  cursor: pointer;
+  cursor: ew-resize;
   margin-top: -7px; /* Specify a margin in Chrome, in Firefox and IE it is automatic */
   box-shadow: 0px 0px 3px #0000000e, 0px 0px 1px #0d0d0d;
 }
@@ -52,7 +52,7 @@ input[type="range"]::-moz-range-thumb {
   width: 20px;
   border-radius: 35px;
   background: #ffffff;
-  cursor: pointer;
+  cursor: ew-resize;
   margin-top: -7px; /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
   box-shadow: 0px 0px 1px #0000000e, 0px 0px 1px #0d0d0d;
 }
@@ -65,14 +65,13 @@ input[type="range"]::-ms-thumb {
   width: 20px;
   border-radius: 35px;
   background: #ffffff;
-  cursor: pointer;
+  cursor: ew-resize;
 }
 
 /*       Track      */
 input[type="range"]::-webkit-slider-runnable-track {
   width: 100%;
   height: 7px;
-  cursor: pointer;
   background: #1793ff;
   border-radius: 10px;
   border: 0.1px solid #7f7f7f7d;
@@ -230,7 +229,9 @@ body {
   transform: perspective(1000px);
 }
 
-img {
+.app_icon img,
+.app_icon_scroll img,
+.app_icon_no_sound img {
   width: 60%;
   overflow: hidden;
   pointer-events: none;
@@ -646,12 +647,10 @@ img {
 }
 
 .app_icon_no_sound:hover {
-  cursor: pointer;
   box-shadow: 0px 25px 35px #1f1f1f76;
 }
 
 #app_icon_range:hover {
-  cursor: pointer;
   box-shadow: 0px 25px 35px #1f1f1f76;
 }