diff --git a/src/assets/css/main.sass b/src/assets/css/main.sass
index d3a4858..0561bb3 100644
--- a/src/assets/css/main.sass
+++ b/src/assets/css/main.sass
@@ -268,6 +268,7 @@ button:focus
font-family: 'Raleway Regular'
&__btn
height: 50px
+ line-height: 50px
padding: 0px 40px
margin: 10px -5px 0 0
font-size: 18px
@@ -279,7 +280,7 @@ button:focus
@media screen and (max-width: 635px)
padding: 0px 15px
font-size: 16px !important
- &:hover
+ &:hover,&:focus
box-shadow: 0 3px 13px rgba(0, 0, 0, 0.22)
.donation-desc
@@ -291,6 +292,7 @@ input[type="number"]
width: 60px
font-family: 'Raleway Regular'
text-align: right
+ line-height: initial
@media screen and (max-width: 375px)
width: 30px
&__icons
@@ -314,5 +316,12 @@ input[type="number"]
width: 110px
height: 150px
+.support__crypto__box
+ &,:hover
+ color: #333;
+
.address
- work-break: break-all
+ font-size: 16px
+ color: #aad;
+ @media screen and (max-width: 455px)
+ font-size: 3vw
diff --git a/src/assets/js/qr-code-generator.js b/src/assets/js/qr-code-generator.js
index 47dbb8d..eb56245 100644
--- a/src/assets/js/qr-code-generator.js
+++ b/src/assets/js/qr-code-generator.js
@@ -68,15 +68,25 @@ $(document).ready(function(){
if (inputValue) {
setNewQrs(inputValue);
}
- $('.donate-amount').on('input', function() {
- const amountInEur = $(this).val();
- delay(function(){
- setNewQrs(amountInEur);
- }, 500 );
- })
} else {
- const amountInEur = $(this).val();
+ const amountInEur = this.dataset.amount;
setNewQrs(amountInEur);
}
});
+ $('.donate-amount').on('input', function() {
+ this.dataset.amount = $(this).val();
+ const amountInEur = this.dataset.amount;
+ delay(function(){
+ setNewQrs(amountInEur);
+ }, 500);
+ })
+
+ // make divs accessible
+ window.addEventListener('keydown', function(e) {
+ // if focused element is a crypto box and space/return are pressed
+ if(document.activeElement.classList.contains('donation-things__buttons__btn') && [32, 13].indexOf(e.keyCode) > -1) {
+ document.activeElement.click();
+ e.preventDefault();
+ }
+ })
});
diff --git a/src/main.js b/src/main.js
index 9e84175..85c5506 100644
--- a/src/main.js
+++ b/src/main.js
@@ -5,7 +5,7 @@ import animations from './assets/css/animations.sass';
import bootstrapJS from 'bootstrap-js';
import animate from 'animate.css';
import writeAnimation from './assets/js/write-animation.js';
-import qrCodeGererator from './assets/js/qr-code-generator.js';
+import qrCodeGenerator from './assets/js/qr-code-generator.js';
import navbarAnimaton from './assets/js/navbar-animation.js';
import donationScrolling from './assets/js/scrolling.js';
import langSwitching from './assets/js/lang-switching.js';
+