diff options
Diffstat (limited to 'rannak/mangud/kaitseliitlane')
-rw-r--r-- | rannak/mangud/kaitseliitlane/kuulsused/index.html | 2 | ||||
-rw-r--r-- | rannak/mangud/kaitseliitlane/kuulsused/script.js | 6 | ||||
-rw-r--r-- | rannak/mangud/kaitseliitlane/kuulsused/styles.css | 20 |
3 files changed, 24 insertions, 4 deletions
diff --git a/rannak/mangud/kaitseliitlane/kuulsused/index.html b/rannak/mangud/kaitseliitlane/kuulsused/index.html index f692fd2..944a4c5 100644 --- a/rannak/mangud/kaitseliitlane/kuulsused/index.html +++ b/rannak/mangud/kaitseliitlane/kuulsused/index.html @@ -17,7 +17,7 @@ <div class="row"> <div> - <a href="../rolliValik/index.html" class="btn-success btn disabled" role="button" aria-disabled="true">Liigu Edasi</a> + <button class="moveOn" disabled>Liigu Edasi</button> </div> </div> diff --git a/rannak/mangud/kaitseliitlane/kuulsused/script.js b/rannak/mangud/kaitseliitlane/kuulsused/script.js index c2ef0d7..13b9d1d 100644 --- a/rannak/mangud/kaitseliitlane/kuulsused/script.js +++ b/rannak/mangud/kaitseliitlane/kuulsused/script.js @@ -64,8 +64,8 @@ function checkIfAllGood(){ } // For loop end if (rightDone.length == 8) { - const button = document.querySelector(".btn"); - button.classList.remove('disabled'); - button.setAttribute('aria-disabled', false); + const btn = document.querySelector(".moveOn"); + btn.disabled = false; + btn.onclick = () => location.href = ""; } } diff --git a/rannak/mangud/kaitseliitlane/kuulsused/styles.css b/rannak/mangud/kaitseliitlane/kuulsused/styles.css index f22b919..e66a641 100644 --- a/rannak/mangud/kaitseliitlane/kuulsused/styles.css +++ b/rannak/mangud/kaitseliitlane/kuulsused/styles.css @@ -2,6 +2,25 @@ box-sizing: border-box !important; } +.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; + cursor: not-allowed; +} + .lists{ overflow: scroll !important; } @@ -18,6 +37,7 @@ img { margin: 0.3rem 0; height: 2.5rem; border-radius: 8px !important; + cursor: pointer; } .lists .list { |