diff options
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"; } |