0.0.08 form poster

static/v2/css/blocks/b_make_poster_order.css

@@ -3,6 +3,10 @@
     --title-font-weight: 700;
     --title-margin-bottom: 60px;
 
+    @media (max-width: 992px) {
+        --title-font-size: 32px;
+    }
+
     .make_poster_order_title{
         width: 100%;
         font-size: var(--title-font-size);

static/v2/css/forms.css

@@ -59,6 +59,9 @@
             padding: 0;
             border-radius: 0;
         }
+        &.half{
+            width: 50%;
+        }
         &::placeholder{
             font-size: var(--placeholder-font-size);
             color: var(--placeholder-color);
@@ -87,6 +90,7 @@
         border: 1px solid #E6E6E6;
         height: 30px;
         width: 30px;
+        min-width: 30px;
         border-radius: 10px;
         &:hover{
             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);

static/v2/css/forms/f_make_poster_order.css

@@ -2,8 +2,24 @@
     .form_line{
         padding: 40px 0;
         border-bottom: 1px solid #E6E6E6;
+        input.half{width: calc(100% - 40px)}
+        @media (max-width: 992px) {
+            &._50_grid{
+                grid-template-columns: 1fr;
+            }
+            input.half{width: 100%}
+        }
         &:last-of-type{
             border-bottom: none;
         }
     }
+    @media (max-width: 992px) {
+        .w_radio_inputs{
+            grid-template-columns: repeat(2, 1fr);
+        }
+    } @media (max-width: 768px) {
+        .w_radio_inputs{
+            grid-template-columns: repeat(1, 1fr);
+        }
+    }
 }

static/v2/css/widgets/w_additional_info.css

@@ -12,6 +12,7 @@
     img{
         width: 20px;
         height: 20px;
+        min-width: 20px;
         display: block;
     }
     .additional_info_modal{

static/v2/js/forms.js

@@ -22,7 +22,7 @@ function getFormData(form) {
         let name = $parent ? $parent.dataset.name : '';
         if (!name) name = el.name
         if (!name) name = el.dataset.name;
-        let value = el.value || ''
+        let value = el.querySelector('input')? el.querySelector('input').value : ''
 
         if (field_type) {
             if (default_element_types.indexOf(field_type) > -1) {

static/v2/js/forms/f_make_poster_order.js

@@ -22,6 +22,8 @@ function makePosterOrder(form) {
             $('body')[0].scrollIntoView({behavior: 'smooth', top: 0});
 
             $(res.responseJSON.html).insertAfter($($title))
+
+            daterangepickerInit($('.w_daterangepicker'), daterangepickerInit)
         }
     })
 

static/v2/js/widgets/w_daterangepicker.js

@@ -29,7 +29,7 @@ function setLocalSets() {
     return locale_lang
 }
 
-$(function (){daterangepickerInit($('.date_range_input_cont input'), daterangepickerInit)})
+$(function (){daterangepickerInit($('.w_daterangepicker'), daterangepickerInit)})
 
 function daterangepickerInit(el, callback) {
     $('.date_range_input_cont input').daterangepicker({
@@ -49,3 +49,9 @@ function daterangepickerInit(el, callback) {
     });
 }
 
+function clickOnDateIconE(el){
+    let $parent = el.closest('.date_range_input_cont')
+    let $input = $parent.querySelector("input")
+    $input.focus()
+}
+