Reduce margin on quote form popup for small screens. Also stop Safari from changing...

diff --git a/framework/application/controllers/AjaxpopupController.php b/framework/application/controllers/AjaxpopupController.php
index a7c183ee0133b15667770d4c5af53ad19959715b..d466d6abc7648ef139ad13417e2e7771d8416d56 100644 (file)
--- a/framework/application/controllers/AjaxpopupController.php
+++ b/framework/application/controllers/AjaxpopupController.php
@@ -5,6 +5,7 @@ class AjaxpopupController extends CubeIT_Controller_AjaxpopupController {
     public function quoteForm() {
         $this->setPopupMaxWidth('1440');
         $this->setPopupPadding('20');
+        $this->setVerticalMargin('20');
         return $this->view->quoteForm('requestQuotePopup'); // Different ID for popup form so it doesn't conflict with contact page form
     }
 

diff --git a/less/005-fancyselect.less b/less/005-fancyselect.less
index ba2cd2e35a61c3ebb5d5ac9443381dd08ba7f241..6ac0ea0da04a2a44daea5d4f39fb5e576b7158c3 100644 (file)
--- a/less/005-fancyselect.less
+++ b/less/005-fancyselect.less
@@ -32,6 +32,15 @@ div.fancy-select {
     z-index: 2;
     transition: all 140ms ease-out;
 
+    // Since iOS zooms whole page for inputs that are using a smaller font size, we need to set
+    // the font size to 16px to avoid this. This changes the size of the inputs so the below rule
+    // is needed to make sure the FancySelect matches the height.
+    .ios & {
+      @media @m768 {
+        font-size: 16px; // iOS will zoom whole page if font size is smaller than 16px
+      }
+    }
+
     &.selected {
       color: #000;
     }

diff --git a/less/315-quote.less b/less/315-quote.less
index abe6f7c00a9f5c9a2a76cec44bcc402e9194abcf..7d41a41c495446fc9af309ec0764eed30c12a77a 100644 (file)
--- a/less/315-quote.less
+++ b/less/315-quote.less
@@ -85,6 +85,12 @@
                font-family: @body-font;
                color: @color-text;
 
+        .ios & {
+          @media @m768 {
+            font-size: 16px; // iOS will zoom whole page if font size is smaller than 16px
+          }
+        }
+
                &:focus {
                        box-shadow: inset 0 -4px 0 #c2c4c7;
                }