Fix bugów + wybór czasu i daty dostawy

This commit is contained in:
2024-11-18 09:16:17 +01:00
parent 35c25e176a
commit 79a5dc709e
5 changed files with 3309 additions and 2457 deletions

492
style.css
View File

@@ -1,6 +1,10 @@
.order_process:not(.--place-order-page) #ajaxLoadSite_cover{
opacity: 1!important;
}
body:has(.place-order_page) > #ajaxLoadSite_cover{
height: 100vh !important;
position: fixed !important;
}
// Zmiana wylacznie na stronie
.--place-order-page{
#modal_placeholder{
@@ -205,7 +209,7 @@
.form-control-feedback{
right: 15px!important;
}
.zipcode_wrapper{
.input_wrapper__first{
padding-right: 0!important;
}
}
@@ -216,7 +220,7 @@
.--hide{
margin-bottom: 0!important;
}
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select{
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], select, .phone_number__code{
height: 45px!important;
}
.f-group{
@@ -248,7 +252,71 @@
}
}
.delivery_date{
&__options{
position: relative;
}
&__calendar{
list-style: none;
display: flex;
gap: 1rem;
flex-wrap: wrap;
&_option{
padding: 0.5rem 1.5rem;
border: 1px solid #ccc;
border-radius: 5px;
display: flex;
flex-direction: column;
gap: 0.2rem;
align-items: center;
&.active{
border-color: @primary_color;
}
&.--another{
position: relative;
display: flex;
justify-content: center;
align-items: center;
&.--open{
.delivery_date__calendar_container{
display: block;
}
}
}
&.--custom:not(.active){
display: none;
}
}
&_container{
display: none;
position: absolute;
background: #fff;
border: 1px solid #333;
border-radius: 5px;
padding: 1rem;
top: 0;
left: 100%;
z-index: 1;
}
}
&__hours{
margin-top: 2rem;
}
@media(max-width: 757px){
&__calendar_option.--another{
position: static;
}
&__calendar_container{
left: 0;
top: 0;
z-index: 2;
width: 100%;
}
}
}
.osc_item.--calendar:not(:has(input[name="shipping"]:checked)) .delivery_date__options{
display: none!important;
}
// Strzalki po prawej
.bm-oscop__arrow-input{
display: none;
@@ -286,7 +354,7 @@
}
// Zmiana fontsize na 16px na desktop
.bm-oscop-deliveries__message, .order__voucher_headlines strong, .order__voucher_button, #signin-form .signin-form__button, .delivery__address-list-name, .osc_item-modal h2, .propose_title, #bm-oscop-remarks h3, #summary-points, #fbs_z02_wrapper .big_label, .propose_main .button_password_recover, .rebate__title{
.bm-oscop__message, .order__voucher_headlines strong, .order__voucher_button, #signin-form .signin-form__button, .delivery__address-list-name, .osc_item-modal h2, .propose_title, #bm-oscop-remarks h3, #summary-points, #fbs_z02_wrapper .big_label, .propose_main .button_password_recover, .rebate__title{
font-size: 1.6rem!important;
}
// Zmiana fontsize na 14px na desktop
@@ -294,7 +362,7 @@
font-size: 1.4rem!important;
}
// Zmiana fontsize na 13px na desktop
.oscop_product_wrap, .order_pay_wrapper, .order2_shiptime, .signin_header, .delivery_date, .remarks__container span, .delivery__address-list-street, .delivery__address-list-city, .delivery__address-list-zipcode, .delivery__address-list-phone, .delivery__address-country_name, .propose_text, .register__hide-password::before, #locationField .btn, .rebate__active-options button{
.phone_number__description, .oscop_product_wrap, .order_pay_wrapper, .order2_shiptime, .signin_header, .delivery_date, .remarks__container span, .delivery__address-list-street, .delivery__address-list-city, .delivery__address-list-zipcode, .delivery__address-list-phone, .delivery__address-country_name, .propose_text, .register__hide-password::before, #locationField .btn, .rebate__active-options button{
font-size: 1.3rem!important;
}
// Zmiana fontsize na 12px na desktop
@@ -449,6 +517,19 @@
gap: 2rem;
}
.input_wrapper__first .form-control-feedback {
right: 15px;
}
.input_wrapper__first .f-label, .input_wrapper__second .f-label{
left: 3.2rem!important;
}
.input_wrapper__first, .input_wrapper__second{
padding: 0 1rem;
}
.input_wrapper__second{
padding-right: 0!important;
}
// Sekcja dane klienta
#client-contact-info.--logged{
padding-bottom: 3rem;
@@ -481,18 +562,6 @@
align-items: center;
height: 38px;
}
.zipcode_wrapper .form-control-feedback {
right: 15px;
}
.zipcode_wrapper .f-label, .city_wrapper .f-label{
left: 3.2rem!important;
}
.zipcode_wrapper, .city_wrapper{
padding: 0 1rem;
}
.city_wrapper{
padding-right: 0!important;
}
.row {
margin: 0 0 0 -10px;
}
@@ -606,6 +675,12 @@
top: 1px;
height: 36px;
background: #fff;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox w przeszłości (stare wersje) */
-ms-user-select: none; /* Internet Explorer (>=10) / Edge */
user-select: none; /* Chrome, Opera and Firefox */
}
#toggle-password:hover{
color: @less_iaicolorscheme_background_active_color;
@@ -658,34 +733,28 @@
#delivery_region, #client_region{
padding-left: 2.4rem!important;
}
.order2_terms_wrapper_sub.newsletter.fbs_inpfaktura:first-of-type{
.order2_terms_wrapper_sub.fbs_inpfaktura:first-of-type{
margin-top: 1rem;
}
.client_type-text{
margin-right: 1rem;
}
.--phone{
display: grid;
grid-template-columns: minmax(auto, 50px) 1fr;
.help-block.validate_message.text-danger{
grid-column: span 2;
}
.f-label{
left: 76px!important;
}
.form-control{
border-radius: 0 8px 8px 0!important;
}
}
.phone_number__code{
background: #f2f2f2;
position: relative;
background: #fff;
display: flex;
align-items: center;
padding: 0 0.5rem;
font-weight: 600;
border: 1px solid #c4c7c8;
border-radius: 8px 0 0 8px;
border-right: none!important;
border-radius: 8px;
cursor: pointer;
min-height: 38px;
padding-left: 2rem;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox w przeszłości (stare wersje) */
-ms-user-select: none; /* Internet Explorer (>=10) / Edge */
user-select: none; /* Chrome, Opera and Firefox */
&_number{
height: 100%;
border: none;
@@ -693,6 +762,47 @@
padding-left: 4px;
font-weight: 600;
}
&::after{
content: "\F107";
position: absolute;
right: 2.4rem;
top: 50%;
transform: translateY(-50%);
font-family: FontAwesome;
font-size: 1.8rem!important;
}
}
.phone_number__code_list{
display: none;
list-style: none;
}
.phone_number__code_list.show{
display: flex!important;
flex-direction: column;
gap: 0.4rem;
position: absolute;
left: 0;
top: 100%;
overflow-y: auto;
.less_scrollbar();
max-height: 15rem;
width: 100%;
background: #fff;
border: 1px solid #ccc;
border-top: none;
z-index: 10;
padding-left: 1.7rem;
}
.phone_number__code:has(.phone_number__code_list.show)::after{
transform: translateY(-50%) rotate(180deg);
}
.phone_number__description{
position: absolute;
transform: scale(0.95) translateY(-20px) !important;
background: #fff;
padding: 0 0.5rem;
}
}
// Sekcja dostawa i płatności
@@ -702,13 +812,14 @@
#bm-oscop-deliveries .osc_item{
grid-template-columns: 13px 70px 1fr auto;
}
.bm-oscop-deliveries__message{
.bm-oscop__message{
background: 1px solid @warning_color;
background: #fcca83;
padding: 1rem 2rem;
padding: 2rem 4rem;
border-radius: 8px;
margin-bottom: 2rem;
}
.bm-oscop-deliveries__message::before{
.bm-oscop__message::before{
content: '\F06A';
font-family: fontawesome;
color: @warning_color;
@@ -733,6 +844,9 @@
.delivery_date{
display: flex;
flex-direction: column;
&__options{
grid-column: ~"1 / 5";
}
}
.price{
flex-shrink: 0;
@@ -1044,8 +1158,31 @@
gap: 2rem;
}
}
#attatched-summary .bm-oscop__btn{
min-height: 45px;
padding: 1.4rem 0;
}
}
@media(max-width: 757px){
.place-order_page{
.input_wrapper__first{
padding-right: 0!important;
}
.client_box.cn_wrapper .row, .delivery_box.cn_wrapper .row{
gap: 0;
padding-left: 0.5rem;
.input_wrapper__first, .input_wrapper__second{
padding-left: 0.5rem!important;
}
.input_wrapper__first{
margin-bottom: 1.2rem!important;
}
}
.input_wrapper__first .f-label, .input_wrapper__second .f-label{
left: 2.8rem!important;
}
}
.order__voucher_container .order__voucher_status{
top: -1px!important;
}
@@ -1070,180 +1207,169 @@
font-size: 1.3rem!important;
}
// Zmiana fontsize na 14px mobile
.bm-oscop__btn, .oscop_product_wrap_r .oscop_product_name, .rebate__options, .order2_terms_wrapper_sub.newsletter, .propose_text, .propose_json_mail, .button_password_recover, #bm-oscop-section2 #bm-oscop-remarks h3, .rebate__title{
.bm-oscop__btn, .oscop_product_wrap_r .oscop_product_name, .rebate__options, .order2_terms_wrapper_sub, .propose_text, .propose_json_mail, .button_password_recover, #bm-oscop-section2 #bm-oscop-remarks h3, .rebate__title{
font-size: 1.4rem!important;
}
#delivery_box_switcher label, #FBS_faktura > span, #bm-oscop-payments .osc_item .name{
#delivery_box_switcher label, #FBS_faktura > span, #bm-oscop-payments .osc_item .name{
font-size: 1.6rem!important;
}
.bm-oscop__btn{
padding: 1.4rem 0;
width: 100%;
min-height: 45px;
font-weight: 700;
}
.bm-oscop__container{
.bm-oscop__btn{
min-height: 45px;
padding: 1.4rem 0;
width: 100%;
font-weight: 700;
}
.bm-oscop__container{
padding: 0 0.5rem;
h2{
font-size: 2.4rem;
}
}
.bm-oscop__go-shopping{
.bm-oscop__go-shopping{
margin-bottom: 2rem;
}
#bm-oscop-payments .osc_item .name{
#bm-oscop-payments .osc_item .name{
font-weight: 700;
}
#bm-oscop-section1{
margin-bottom: 0.4rem;
.client_biling_data div{
margin: 1rem 0;
height: 45px;
}
.register{
padding-top: 1.6rem;
padding-bottom: 1.4rem;
}
#toggle-password{
height: 43px!important;
}
.client_new_social{
gap: 1.6rem!important;
}
.client_type-text{
display: block;
margin-bottom: 1.2rem;
}
.zipcode_wrapper{
padding-right: 0!important;
}
.signin .client_new_social{
margin-top: 1.8rem;
margin-bottom: 2.4rem;
}
.client_box.cn_wrapper .row, .delivery_box.cn_wrapper .row{
gap: 0;
padding-left: 0.5rem;
.zipcode_wrapper, .city_wrapper{
padding-left: 0.5rem!important;
}
.zipcode_wrapper{
margin-bottom: 1.2rem!important;
}
}
.zipcode_wrapper .f-label, .city_wrapper .f-label{
left: 2.8rem!important;
}
#bm-oscop-section1{
margin-bottom: 0.4rem;
.client_biling_data div{
margin: 1rem 0;
height: 45px;
}
#delivery_box_switcher{
flex-direction: column;
gap: 1.2rem;
.register{
padding-top: 1.6rem;
padding-bottom: 1.4rem;
}
.delivery_box.--more .form-group, .client_box .form-group, #client-contact-info .form-group{
margin-bottom: 1.2rem!important;
#toggle-password{
height: 43px!important;
}
#client_form{
.client_new_social{
gap: 1.6rem!important;
}
.client_type-text{
display: block;
margin-bottom: 1.2rem;
}
.signin .client_new_social{
margin-top: 1.8rem;
margin-bottom: 2.4rem;
}
.osc_item-modal .payments-container{
grid-template-columns: 47% 47%;
.--phone .row{
gap: 1.2rem!important;
}
#bm-oscop-section2{
.osc_item{
margin: 1rem 0;
column-gap: 1.2rem;
padding: 1.6rem 2.4rem;
row-gap: 1.8rem;
grid-template-columns: 13px 60px 1fr!important;
.comment, .delivery_date, .fselectedPoint, .voucher-value{
grid-column: 1 / span 3;
padding-top: 0.8rem!important;
}
.voucher-value{
text-align: center;
}
.delivery_info{
justify-content: space-between;
align-items: center;
}
.delivery_date, .delivery_info, .pickup_point_sub{
display: flex;
align-items: center;
flex-direction: row;
column-gap: 1rem;
}
.delivery_date, .pickup_point_sub{
flex-wrap: wrap;
}
.pickup_point_sub div{
gap: 0.5rem;
}
}
#delivery_box_switcher{
flex-direction: column;
gap: 1.2rem;
}
.delivery_box.--more .form-group, .client_box .form-group, #client-contact-info .form-group{
margin-bottom: 1.2rem!important;
}
#client_form{
margin-bottom: 2.4rem;
}
.osc_item-modal .payments-container{
grid-template-columns: 47% 47%;
}
#bm-oscop-section2{
.osc_item{
margin: 1rem 0;
column-gap: 1.2rem;
padding: 1.6rem 2.4rem;
row-gap: 1.8rem;
grid-template-columns: 13px 60px 1fr!important;
.comment, .delivery_date, .fselectedPoint, .voucher-value{
grid-column: 1 / span 3;
padding-top: 0.8rem!important;
}
#bm-oscop-deliveries .osc_item{
.delivery_date, .fselectedPoint{
border-top: 1px solid #EFEFEF;
}
.voucher-value{
text-align: center;
}
.remarks__container{
gap: 2.5rem;
grid-template-columns: 1fr;
div input[type="checkbox"]:checked ~ textarea{
height: 8rem;
}
.delivery_info{
justify-content: space-between;
align-items: center;
}
.delivery_date, .delivery_info, .pickup_point_sub{
display: flex;
align-items: center;
flex-direction: row;
column-gap: 1rem;
}
.delivery_date, .pickup_point_sub{
flex-wrap: wrap;
}
.pickup_point_sub div{
gap: 0.5rem;
}
}
#bm-oscop-section3{
img{
max-width: 100%!important;
#bm-oscop-deliveries .osc_item{
.delivery_date, .fselectedPoint{
border-top: 1px solid #EFEFEF;
}
.oscop_product_wrap_r{
flex-direction: column;
align-items: flex-start;
gap: 0.8rem;
.oscop_price{
text-align: left;
padding-top: 0.8rem;
}
}
.remarks__container{
gap: 2.5rem;
grid-template-columns: 1fr;
div input[type="checkbox"]:checked ~ textarea{
height: 8rem;
}
.rebate .rebate__code-container{
gap: 1.2rem;
grid-template-columns: 1fr!important;
> div{
margin-right: 0!important;
grid-column: 1 / span1;
}
.help-block.validate_message.text-danger{
grid-column: 1 / span1!important;
grid-row: 2 / span1;
margin-bottom: 1rem;
margin-top: 0!important;
}
.rebate__code-realize{
grid-column: 1 / span1;
}
}
}
#bm-oscop-section3{
img{
max-width: 100%!important;
}
.oscop_product_wrap_r{
flex-direction: column;
align-items: flex-start;
gap: 0.8rem;
.oscop_price{
text-align: left;
padding-top: 0.8rem;
}
}
.rebate .rebate__code-container{
gap: 1.2rem;
grid-template-columns: 1fr!important;
> div{
margin-right: 0!important;
grid-column: 1 / span1;
}
.help-block.validate_message.text-danger{
grid-column: 1 / span1!important;
grid-row: 2 / span1;
margin-bottom: 1rem;
margin-top: 0!important;
}
.rebate__code-realize{
width: 100%;
}
.order2_button_order{
font-size: 1.6rem!important;
grid-column: 1 / span1;
}
}
}
@media(max-width: 450px){
.delivery_info{
flex-direction: column!important;
align-items: flex-start!important;
.rebate__code-realize{
width: 100%;
}
.order2_button_order{
font-size: 1.6rem!important;
}
}
@media(max-width: 450px){
.osc_item-modal .payments-container{
grid-template-columns: 1fr;
}
}
//////////////////////////////////////////////////////////////////////
// LEAFLET MAP
// Znika powtórzenie
@media(max-width: 450px){
.delivery_info{
flex-direction: column!important;
align-items: flex-start!important;
}
}
@media(max-width: 450px){
.osc_item-modal .payments-container{
grid-template-columns: 1fr;
}
}
//////////////////////////////////////////////////////////////////////
// LEAFLET MAP
// Znika powtórzenie
.leaflet-marker-shadow, .leaflet-shadow-pane, .asideContainer_pickup > input:not(:checked) + label .fbs02_btn{
display: none;
}
@@ -1651,4 +1777,8 @@ div.asideContainer_pickup {
#attatched-checkall-terms{
margin-right: 0.5rem;
}
}
.modal__content #signin-form{
display: block!important;
}