Commit 675396729c24ed694ad24b88bc1e17abade38902
Merge branch 'popup' of gitlab.artweb.com.ua:Alex/semena
Showing
3 changed files
with
4 additions
and
4 deletions
Show diff stats
src/app/frontend/views/index.php
@@ -268,7 +268,7 @@ $page_title = isset( $page_title ) && !empty( $page_title ) ? $page_title : ''; | @@ -268,7 +268,7 @@ $page_title = isset( $page_title ) && !empty( $page_title ) ? $page_title : ''; | ||
268 | 268 | ||
269 | <script> | 269 | <script> |
270 | $(document).ready(function(){ | 270 | $(document).ready(function(){ |
271 | - setTimeout(function(){$(".open-delivery-modal").removeClass("hidden_modal");},1000); | 271 | + setTimeout(function(){$(".open-delivery-modal").show();},1000); |
272 | }); | 272 | }); |
273 | $(".open-delivery-modal div img").click(function(){ | 273 | $(".open-delivery-modal div img").click(function(){ |
274 | $(".delivery-form-par").show(); | 274 | $(".delivery-form-par").show(); |
@@ -281,7 +281,7 @@ $page_title = isset( $page_title ) && !empty( $page_title ) ? $page_title : ''; | @@ -281,7 +281,7 @@ $page_title = isset( $page_title ) && !empty( $page_title ) ? $page_title : ''; | ||
281 | setTimeout(function(){$(".delivery-form-par").hide();}, 600); | 281 | setTimeout(function(){$(".delivery-form-par").hide();}, 600); |
282 | }); | 282 | }); |
283 | $(".modal_close").click(function(){ | 283 | $(".modal_close").click(function(){ |
284 | - $(".open-delivery-modal").addClass("hidden_modal"); | 284 | + $(".open-delivery-modal").hide(); |
285 | }); | 285 | }); |
286 | </script> | 286 | </script> |
287 | <?php | 287 | <?php |
www/css/main.min.css
@@ -939,15 +939,15 @@ h2.types_logo_543{color:#5b4a42;} | @@ -939,15 +939,15 @@ h2.types_logo_543{color:#5b4a42;} | ||
939 | .delivery-form-par .text-down input{height:23px;width:104px;border:1px solid #6cb33f;font-size:9px;padding-left:12px;outline:none;} | 939 | .delivery-form-par .text-down input{height:23px;width:104px;border:1px solid #6cb33f;font-size:9px;padding-left:12px;outline:none;} |
940 | .delivery-form-par .deliver-form{display:flex;justify-content:space-between;width:100%px;} | 940 | .delivery-form-par .deliver-form{display:flex;justify-content:space-between;width:100%px;} |
941 | body{font-family:Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;} | 941 | body{font-family:Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;} |
942 | -.open-delivery-modal{transition:0.3s;opacity:1;cursor:pointer;position:fixed;font-size:24px;bottom:0;width:100%;box-shadow: inset 0px -250px 125px -250px black;} | 942 | +.open-delivery-modal{transition:0.3s;opacity:1;cursor:pointer;position:fixed;top:50%;left:0%;font-size:24px;} |
943 | .open-delivery-modal div{width: 100%;max-width: 360px;text-align: center;margin: 0 auto;position:relative;} | 943 | .open-delivery-modal div{width: 100%;max-width: 360px;text-align: center;margin: 0 auto;position:relative;} |
944 | .open-delivery-modal div img{width:100%;max-width:360px;} | 944 | .open-delivery-modal div img{width:100%;max-width:360px;} |
945 | .modal_close{position: absolute;top: 23px;right: 10px;width: 15px;height: 15px;background-image:url('../images/close_popup.png');background-position:center center; background-repeat:no-repeat;border-radius: 50%;box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.40);cursor: default;} | 945 | .modal_close{position: absolute;top: 23px;right: 10px;width: 15px;height: 15px;background-image:url('../images/close_popup.png');background-position:center center; background-repeat:no-repeat;border-radius: 50%;box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.40);cursor: default;} |
946 | -.hidden_modal{bottom:-20%;opacity:0;transition:0.3s;} | ||
947 | @media( max-width: 880px ){ | 946 | @media( max-width: 880px ){ |
948 | .delivery-form-par .popup-main-delivery{width:96%;left:2%;} | 947 | .delivery-form-par .popup-main-delivery{width:96%;left:2%;} |
949 | } | 948 | } |
950 | @media ( max-width: 480px ){ | 949 | @media ( max-width: 480px ){ |
950 | + .open-delivery-modal{bottom:0;width:100%;box-shadow: inset 0px -250px 125px -250px black;} | ||
951 | .delivery-form-par .content-popup{padding:25px;} | 951 | .delivery-form-par .content-popup{padding:25px;} |
952 | .delivery-form-par .popup-main-delivery{background-image:none;height:initial;top:10%;} | 952 | .delivery-form-par .popup-main-delivery{background-image:none;height:initial;top:10%;} |
953 | .delivery-form-par .deliver-form{justify-content: center;align-items: center;flex-direction: column;} | 953 | .delivery-form-par .deliver-form{justify-content: center;align-items: center;flex-direction: column;} |
www/images/right_deliver.png