Roskis icon

90ddfcd3 · AA2875 · 1ce7df35 · 90ddfcd3 · 90ddfcd3 · 90ddfcd3
Commit 90ddfcd3 authored 2 years ago by AA2875
--- a/V2/img/trash.png
+++ b/V2/img/trash.png
--- a/V2/page/code.js
+++ b/V2/page/code.js
@@ -84,9 +84,11 @@ function createDeleteButton(jump) {
    let delDivClass = document.createAttribute('class')
    delDivClass.value = 'jumpItemDeleteButton'
    deleteDiv.setAttributeNode(delDivClass)
-    let deleteButton = document.createTextNode('Poista')
+    // let deleteButton = document.createTextNode('Poista')
+    let deleteButton = document.createElement('img')
+    deleteButton.src = "../img/trash.png"
    deleteDiv.appendChild(deleteButton)
-    deleteDiv.onclick = function() { cancelDelete(jump._id) }
+    deleteButton.onclick = function() { cancelDelete(jump._id) }
    return deleteDiv
 }


--- a/V2/page/index.html
+++ b/V2/page/index.html
@@ -9,10 +9,10 @@
 <body onload="init()">
  <div id="container">
    <h1>Hypyt</h1>
-    <input type="text" placeholder="Hyppy nro." id="newJumpNumber"/>
+    <input type="text" placeholder="Hyppy nro." id="newJumpNumber" onkeypress="return /[0-9]/i.test(event.key)"/>
    <input type="text" placeholder="Päivä" id="newJumpDate"/>
-    <input type="text" placeholder="Korkeus" id="newJumpHeight"/>
-    <input type="text" placeholder="Vapaa" id="newJumpFalltime"/>
+    <input type="text" placeholder="Korkeus" id="newJumpHeight" onkeypress="return /[0-9]/i.test(event.key)"/>
+    <input type="text" placeholder="Vapaa" id="newJumpFalltime" onkeypress="return /[0-9]/i.test(event.key)"/>
    <button onclick="addJump()" id="addJumpBtn">Lisää</button>
    <p id="sortJumpsButton" onclick="changeJumpOrder()">Järjestys ▼</p>
    <ul id="jumpsList"></ul>

--- a/V2/page/styles.css
+++ b/V2/page/styles.css
@@ -49,9 +49,16 @@ li {
 }

 .jumpItemDeleteButton {
-    cursor: pointer;
    color: darkred;
    margin: 10px 0 0 0;
+    text-align: right;
+}
+
+.jumpItemDeleteButton > img { width: 1.2em;}
+
+.jumpItemDeleteButton > img:hover {
+    filter: invert(37%) sepia(28%) saturate(6866%) hue-rotate(340deg) brightness(109%) contrast(106%);
+    cursor: pointer;
 }

 .headerJumpDate {