Adjust position of validation error messages and hide immediately on click/touch...

diff --git a/js/315-quote.js b/js/315-quote.js
index db33dabb77dc4efab886a4f9b5bcb0d72e9c260b..834cf67a09c2ca2e01648c3bde1f92811822fdc7 100644 (file)
--- a/js/315-quote.js
+++ b/js/315-quote.js
@@ -7,6 +7,10 @@ function load_quoteform() {
     $(window).on('cubeitopenpopup', function() {
         initFancySelect();
     });
+
+    $(document).on('click touchend', function() {
+        $('.validation-messages').hide();
+    });
 }
 
 function initFancySelect() {

diff --git a/less/315-quote.less b/less/315-quote.less
index 45aaa425f22039098b6769a23da7a6d275aa778b..4288aba27f8b4c14c94efe03da1b781819cb9b8b 100644 (file)
--- a/less/315-quote.less
+++ b/less/315-quote.less
@@ -173,14 +173,15 @@
                background-color: #343c44;
                border-radius: 17px;
                position: fixed;
-               bottom: 10px;
+               bottom: 5%; // For older browsers
+               bottom: 5vw; // For browsers that understand vw units
                left: 50%;
                transform: translateX(-50%);
                color: #fff;
                font-size: 14px;
                text-align: center;
                z-index: 1000;
-               pointer-events: none;
+               //pointer-events: none; // Disabled to allow messages to be hidden on click
                display: none;
 
                br {