From: Matt Corallo Date: Mon, 15 Jul 2024 20:57:09 +0000 (+0000) Subject: Animate the go button somewhat X-Git-Url: http://git.bitcoin.ninja/index.cgi?a=commitdiff_plain;h=987e0e5d732656852ead8478511a21c4c742c371;p=satsto.me Animate the go button somewhat --- diff --git a/index.html b/index.html index 608f3c2..f1d4b37 100644 --- a/index.html +++ b/index.html @@ -115,6 +115,17 @@ background-color: rgba(255, 255, 255, 0.1); } .bitcoin { color: #80A0A0; } + .go-button:hover { + opacity: 0.85; + transform: scale(0.9, 0.9); + } + .go-button:active { + opacity: 1; + } + .go-button-disabled { + cursor: default; + opacity: 0.2; + } .go-button { height: 1.5em; } .mono { font-family: mono; @@ -229,31 +240,31 @@ } const addr_parts = address_box.value.split("@"); if (addr_parts.length != 2) { - document.getElementById("paybutton").disabled = true; + document.getElementById("paybutton").classList.add("go-button-disabled"); document.getElementById("errors").innerHTML = "Address should have exactly one @"; return true; } if (addr_parts[0].length == 0) { - document.getElementById("paybutton").disabled = true; + document.getElementById("paybutton").classList.add("go-button-disabled"); document.getElementById("errors").innerHTML = "Missing user part"; return true; } if (addr_parts[1].length == 0) { - document.getElementById("paybutton").disabled = true; + document.getElementById("paybutton").classList.add("go-button-disabled"); document.getElementById("errors").innerHTML = "Missing domain"; return true; } if (!/^[\p{ASCII}]*$/u.test(addr_parts[0])) { - document.getElementById("paybutton").disabled = true; + document.getElementById("paybutton").classList.add("go-button-disabled"); document.getElementById("errors").innerHTML = "To protect against Homograph Attacks, the user part of addres must be ASCII"; return true; } if (!/^[\p{ASCII}]*$/u.test(addr_parts[1])) { - document.getElementById("paybutton").disabled = true; + document.getElementById("paybutton").classList.add("go-button-disabled"); document.getElementById("errors").innerHTML = "To protect against Homograph Attacks, the domain part of addres must be ASCII"; return true; } - document.getElementById("paybutton").disabled = false; + document.getElementById("paybutton").classList.remove("go-button-disabled"); document.getElementById("errors").innerHTML = ""; return true; }