diff options
author | Rasmus Luha <rasmus.luha@gmail.com> | 2022-09-24 15:28:33 +0300 |
---|---|---|
committer | Rasmus Luha <rasmus.luha@gmail.com> | 2022-09-24 15:28:33 +0300 |
commit | 9f5d3616cb0ed7d4c8135482dbe775ced78eb5fe (patch) | |
tree | 1bb13f53f049b0613bfb1cb83895a1c07a988479 /rannak/algus/kaart | |
parent | 52b100ad168c10ea44b1df7b89b71ae177ae835a (diff) |
Ristsõna done ja global button Fix
Diffstat (limited to 'rannak/algus/kaart')
-rw-r--r-- | rannak/algus/kaart/css/kaart.css | 21 | ||||
-rw-r--r-- | rannak/algus/kaart/index.html | 2 | ||||
-rw-r--r-- | rannak/algus/kaart/js/kaart.js | 9 |
3 files changed, 24 insertions, 8 deletions
diff --git a/rannak/algus/kaart/css/kaart.css b/rannak/algus/kaart/css/kaart.css index e395b95..60bb1f9 100644 --- a/rannak/algus/kaart/css/kaart.css +++ b/rannak/algus/kaart/css/kaart.css @@ -9,4 +9,23 @@ svg path:hover { transition: 0.6s !important; cursor: pointer !important; -}
\ No newline at end of file +} + +.moveOn{ + display: inline-block; + border: none; + padding: 6px 12px; + margin-botton: 0; + font-size: 1rem; + font-weight: normal; + text-align: center; + cursor: pointer; + border-radius: 4px; + background-color: #4BB543; + color: white; +} + +button:disabled{ + opacity: 0.5; +} + diff --git a/rannak/algus/kaart/index.html b/rannak/algus/kaart/index.html index 880ab8a..9160fd4 100644 --- a/rannak/algus/kaart/index.html +++ b/rannak/algus/kaart/index.html @@ -21,7 +21,7 @@ </div> <div class="col-4"> - <a href="../utlused" class="btn-success btn disabled" role="button" aria-disabled="true">Liigu Edasi</a> + <button class="moveOn" disabled>Liigu Edasi</button> </div> </div> </div> diff --git a/rannak/algus/kaart/js/kaart.js b/rannak/algus/kaart/js/kaart.js index 5d1a1a3..5224d79 100644 --- a/rannak/algus/kaart/js/kaart.js +++ b/rannak/algus/kaart/js/kaart.js @@ -24,10 +24,7 @@ for (let i = 0; i < riigid.length; i++){ } function moveOnEnable(){ - const button = document.querySelector(".btn"); - button.classList.remove('disabled'); - button.setAttribute('aria-disabled', false); - console.log("done"); - - counter = 0; + const btn = document.querySelector(".moveOn"); + btn.disabled = false; + btn.onclick = () => location.href = "../utlused"; } |