Wprowadzenie zmian związanych z walidacją telefonu
This commit is contained in:
41
index.xslt
41
index.xslt
@@ -55,6 +55,9 @@
|
||||
</iaixsl:attribute>
|
||||
<iai:variable vid="Kontynuuj zakupy w sklepie"/>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
<div class="bm-oscop__container" id="place-order">
|
||||
<div class="bm-oscop__form-data">
|
||||
<!-- DANE KLIENTA -->
|
||||
@@ -129,10 +132,13 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="has-feedback f-feedback">
|
||||
<div class="has-feedback f-feedback --phone">
|
||||
<iaixsl:if test="not(/shop/page/client-data/profile_data/@login = '')">
|
||||
<iaixsl:attribute name="class">has-feedback f-feedback --success has-success</iaixsl:attribute>
|
||||
<iaixsl:attribute name="class">has-feedback f-feedback --success has-success --phone</iaixsl:attribute>
|
||||
</iaixsl:if>
|
||||
<div class="phone_number__code">
|
||||
+<input class="phone_number__code_number" disabled="true"></input>
|
||||
</div>
|
||||
<input id="client_phone" type="tel" class="form-control validate f-control" name="client_phone" data-serialize="#client_region">
|
||||
<iaixsl:if test="/shop/basket/@login">
|
||||
<iaixsl:attribute name="disabled">disabled</iaixsl:attribute>
|
||||
@@ -784,10 +790,13 @@
|
||||
</iaixsl:for-each>
|
||||
|
||||
<div class="form-group --hide">
|
||||
<div class="has-feedback f-feedback">
|
||||
<div class="has-feedback f-feedback --phone">
|
||||
<iaixsl:if test="@use = 'yes' and not(@phone = '')">
|
||||
<iaixsl:attribute name="class">has-feedback f-feedback has-success --success</iaixsl:attribute>
|
||||
<iaixsl:attribute name="class">has-feedback f-feedback has-success --success --phone</iaixsl:attribute>
|
||||
</iaixsl:if>
|
||||
<div class="phone_number__code">
|
||||
+<input class="phone_number__code_number" disabled="true"></input>
|
||||
</div>
|
||||
<input id="delivery_phone" type="text" class="form-control validate f-control" name="delivery_phone" data-serialize="#delivery_region">
|
||||
<iaixsl:if test="@use = 'yes' and not(@phone = '')">
|
||||
<iaixsl:attribute name="class">form-control validate f-control focused</iaixsl:attribute>
|
||||
@@ -921,26 +930,28 @@
|
||||
<h2><i class="icon-list1"></i> <iai:variable vid="Podsumowanie"/></h2>
|
||||
<div class="summary__products">
|
||||
<iaixsl:for-each select="basket/product">
|
||||
<div class="cop_product_wrap">
|
||||
<iaixsl:if test="position() > 2"><iaixsl:attribute name="class">cop_product_wrap --hide</iaixsl:attribute></iaixsl:if>
|
||||
<iaixsl:if test="position() = '2' and not(position() = last())"><iaixsl:attribute name="class">cop_product_wrap --last-visible</iaixsl:attribute></iaixsl:if>
|
||||
<iaixsl:if test="position() = last()"><iaixsl:attribute name="class">cop_product_wrap --last</iaixsl:attribute></iaixsl:if>
|
||||
<iaixsl:if test="position() = last() and not(position() < 3)"><iaixsl:attribute name="class">cop_product_wrap --hide --last-hidden</iaixsl:attribute></iaixsl:if>
|
||||
<a class="cop_icon">
|
||||
<div class="oscop_product_wrap">
|
||||
<iaixsl:attribute name="data-id"><iaixsl:value-of select="@id"></iaixsl:value-of></iaixsl:attribute>
|
||||
|
||||
<iaixsl:if test="position() > 2"><iaixsl:attribute name="class">oscop_product_wrap --hide</iaixsl:attribute></iaixsl:if>
|
||||
<iaixsl:if test="position() = '2' and not(position() = last())"><iaixsl:attribute name="class">oscop_product_wrap --last-visible</iaixsl:attribute></iaixsl:if>
|
||||
<iaixsl:if test="position() = last()"><iaixsl:attribute name="class">oscop_product_wrap --last</iaixsl:attribute></iaixsl:if>
|
||||
<iaixsl:if test="position() = last() and not(position() < 3)"><iaixsl:attribute name="class">oscop_product_wrap --hide --last-hidden</iaixsl:attribute></iaixsl:if>
|
||||
<a class="oscop_icon">
|
||||
<iaixsl:attribute name="href">
|
||||
<iaixsl:value-of select="@link"/></iaixsl:attribute>
|
||||
<iaixsl:attribute name="title">
|
||||
<iaixsl:value-of select="name/text()"/></iaixsl:attribute>
|
||||
<img class="cop_icon-img" width="90" height="90">
|
||||
<img class="oscop_icon-img" width="90" height="90">
|
||||
<iaixsl:attribute name="src">
|
||||
<iaixsl:value-of select="icon/text()"/></iaixsl:attribute>
|
||||
<iaixsl:attribute name="alt">
|
||||
<iaixsl:value-of select="name/text()"/></iaixsl:attribute>
|
||||
</img>
|
||||
</a>
|
||||
<div class="cop_product_wrap_r">
|
||||
<div class="oscop_product_wrap_r">
|
||||
<iaixsl:if test="size/@ordered or size/@ordered_points">
|
||||
<strong class="cop_quantity">
|
||||
<strong class="oscop_quantity">
|
||||
<iaixsl:choose>
|
||||
<iaixsl:when test="size/@ordered">
|
||||
<iaixsl:value-of select="size/@ordered"/>
|
||||
@@ -951,7 +962,7 @@
|
||||
</iaixsl:choose>x
|
||||
</strong>
|
||||
</iaixsl:if>
|
||||
<a class="cop_product_name">
|
||||
<a class="oscop_product_name">
|
||||
<iaixsl:attribute name="href">
|
||||
<iaixsl:value-of select="@link"/></iaixsl:attribute>
|
||||
<iaixsl:attribute name="title">
|
||||
@@ -960,7 +971,7 @@
|
||||
<iaixsl:value-of select="@id"/></iaixsl:attribute>
|
||||
<iaixsl:value-of select="name/text()"/>
|
||||
</a>
|
||||
<span class="cop_price">
|
||||
<span class="oscop_price">
|
||||
<iaixsl:choose>
|
||||
<iaixsl:when test="number(price/@value) > 0">
|
||||
<iaixsl:value-of select="price/@worth_formatted"/>
|
||||
|
||||
@@ -12,7 +12,7 @@ if(window.location.pathname.includes("return.html") && window.location.search.in
|
||||
}
|
||||
|
||||
// Przekierowanie ze strony order1 na OSCOP
|
||||
if(window.location.pathname.includes("order1.html") || window.location.pathname.includes("order1.php")){
|
||||
if(window.location.pathname.includes("order1.html") || window.location.pathname.includes("order1.php") || (window.location.pathname.includes("signin.html") && window.location.search.includes("operation=onceorder"))){
|
||||
app_shop.fn.ajaxLoadSite(1);// W starszych szablonach nie działa i trzeba zakomentować
|
||||
window.location = "/place-order.php";
|
||||
}
|
||||
393
style.css
393
style.css
@@ -249,29 +249,29 @@
|
||||
}
|
||||
|
||||
|
||||
// Strzalki po prawej
|
||||
.bm-oscop__arrow-input{
|
||||
// Strzalki po prawej
|
||||
.bm-oscop__arrow-input{
|
||||
display: none;
|
||||
}
|
||||
.bm-oscop__arrow-label{
|
||||
}
|
||||
.bm-oscop__arrow-label{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.bm-oscop__arrow-label, .rebate__active{
|
||||
}
|
||||
.bm-oscop__arrow-label, .rebate__active{
|
||||
padding: 0.9rem 1rem 0.9rem 1.9rem;
|
||||
}
|
||||
.bm-oscop__arrow-label::after{
|
||||
}
|
||||
.bm-oscop__arrow-label::after{
|
||||
content: "\F107";
|
||||
font-family: FontAwesome;
|
||||
transition: all 0.25s;
|
||||
position: absolute;
|
||||
right: 1.2rem;
|
||||
}
|
||||
.bm-oscop__arrow-input:checked + .bm-oscop__arrow-label::after{
|
||||
}
|
||||
.bm-oscop__arrow-input:checked + .bm-oscop__arrow-label::after{
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
// Przycisk
|
||||
.bm-oscop__btn{
|
||||
}
|
||||
// Przycisk
|
||||
.bm-oscop__btn{
|
||||
border: none;
|
||||
background-color: @less_iaicolorscheme_button_large_color!important;
|
||||
color: @less_iaicolorscheme_background_color!important;
|
||||
@@ -280,38 +280,38 @@
|
||||
cursor: pointer;
|
||||
transition: all 0.25s;
|
||||
text-align: center;
|
||||
}
|
||||
.bm-oscop__btn:hover{
|
||||
}
|
||||
.bm-oscop__btn:hover{
|
||||
background-color: @less_iaicolorscheme_background_text_color!important;
|
||||
}
|
||||
}
|
||||
|
||||
// Zmiana fontsize na 16px na desktop
|
||||
.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-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{
|
||||
font-size: 1.6rem!important;
|
||||
}
|
||||
}
|
||||
// Zmiana fontsize na 14px na desktop
|
||||
.order2_terms_checkall, .register_client_checkbox, .firm-form, #delivery_box_switcher label, #bm-oscop-payments .name, .client_type-text{
|
||||
.phone_number__code, .order2_terms_checkall, .register_client_checkbox, .firm-form, #delivery_box_switcher label, #bm-oscop-payments .name, .client_type-text{
|
||||
font-size: 1.4rem!important;
|
||||
}
|
||||
// Zmiana fontsize na 13px na desktop
|
||||
.cop_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{
|
||||
}
|
||||
// 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{
|
||||
font-size: 1.3rem!important;
|
||||
}
|
||||
}
|
||||
// Zmiana fontsize na 12px na desktop
|
||||
.delivery_date, #bm-oscop-deliveries .name, .bm-oscop__go-shopping, .order_products_action span, .needed-text, #fbs_z02_close::before, .pickup_point_sub div, #bm-oscop-section2 #checkout_step2_2 h3 span, .osc_item-modal span, #mail_propose_signin, #mail_propose_close, .order__voucher_info{
|
||||
.delivery_date, #bm-oscop-deliveries .name, .bm-oscop__go-shopping, .order_products_action span, .needed-text, #fbs_z02_close::before, .pickup_point_sub div, #bm-oscop-section2 #checkout_step2_2 h3 span, .osc_item-modal span, #mail_propose_signin, #mail_propose_close, .order__voucher_info{
|
||||
font-size: 1.2rem!important;
|
||||
}
|
||||
}
|
||||
// Zmiana grubości czcionki na 700
|
||||
#delivery_box_switcher label, .client_type-text, #signin-form .signin-form__button, .delivery__address-list-name, .propose_title, .client_type-text, .voucher-value, #active-code, .order2_terms_checkall, .order2_button_order, #fbs_z02_close, #locationField .btn, .btn.map_dir, .fbs02_btn, .register__option label, .rebate label{
|
||||
#delivery_box_switcher label, .client_type-text, #signin-form .signin-form__button, .delivery__address-list-name, .propose_title, .client_type-text, .voucher-value, #active-code, .order2_terms_checkall, .order2_button_order, #fbs_z02_close, #locationField .btn, .btn.map_dir, .fbs02_btn, .register__option label, .rebate label{
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
// Zmiana margin bottom na 0
|
||||
#signin-form .f-group, .propose_main div:has(#mail_propose_close), #bm-oscop-section1 .form-group:last-child, .register__form, .register__item:last-of-type, #client-contact-info{
|
||||
margin-bottom: 0!important;
|
||||
}
|
||||
}
|
||||
|
||||
// Modal vouchera
|
||||
.order__voucher_container {
|
||||
// Modal vouchera
|
||||
.order__voucher_container {
|
||||
.order__voucher_headlines{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -329,9 +329,9 @@
|
||||
.order__voucher_status{
|
||||
top: -5px!important;
|
||||
}
|
||||
}
|
||||
// Modal logowania
|
||||
#signin-form{
|
||||
}
|
||||
// Modal logowania
|
||||
#signin-form{
|
||||
h2{
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
@@ -343,9 +343,9 @@
|
||||
margin-bottom: 1rem;
|
||||
padding: 1.4rem 0;
|
||||
}
|
||||
}
|
||||
// Modal listy adresów
|
||||
.delivery__address-list-container{
|
||||
}
|
||||
// Modal listy adresów
|
||||
.delivery__address-list-container{
|
||||
h2{
|
||||
padding-left: 1rem;
|
||||
font-size: 1.8rem;
|
||||
@@ -386,9 +386,9 @@
|
||||
color: @less_iaicolorscheme_background_active_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
// MODAL BANKU I KARTY
|
||||
.osc_item-modal .payments-container{
|
||||
}
|
||||
// MODAL BANKU I KARTY
|
||||
.osc_item-modal .payments-container{
|
||||
margin-top: 2rem;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3,1fr);
|
||||
@@ -415,19 +415,19 @@
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Kontynuuj zakupy
|
||||
.bm-oscop__go-shopping{
|
||||
// Kontynuuj zakupy
|
||||
.bm-oscop__go-shopping{
|
||||
margin-bottom: 4rem;
|
||||
display: inline-block;
|
||||
}
|
||||
.bm-oscop__go-shopping::before {
|
||||
}
|
||||
.bm-oscop__go-shopping::before {
|
||||
content: "\F104";
|
||||
font-family: FontAwesome;
|
||||
}
|
||||
// Ułożenie strony
|
||||
.bm-oscop__container{
|
||||
}
|
||||
// Ułożenie strony
|
||||
.bm-oscop__container{
|
||||
display: grid!important;
|
||||
grid-template-columns: 5fr 3.5fr;
|
||||
margin: 0 auto;
|
||||
@@ -441,19 +441,19 @@
|
||||
color: #0BAC38;
|
||||
font-weight: 800;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.bm-oscop__form-data{
|
||||
.bm-oscop__form-data{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
// Sekcja dane klienta
|
||||
#client-contact-info.--logged{
|
||||
// Sekcja dane klienta
|
||||
#client-contact-info.--logged{
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
#bm-oscop-section1{
|
||||
}
|
||||
#bm-oscop-section1{
|
||||
margin-bottom: 2rem;
|
||||
.has-feedback.f-feedback:not(.--success):not(.has-sucess):not(.--error):not(.has-error) span.form-control-feedback:after{
|
||||
content: "*";
|
||||
@@ -664,15 +664,60 @@
|
||||
.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;
|
||||
}
|
||||
// Sekcja dostawa i płatności
|
||||
#bm-oscop-payments .osc_item{
|
||||
.f-label{
|
||||
left: 76px!important;
|
||||
}
|
||||
.form-control{
|
||||
border-radius: 0 8px 8px 0!important;
|
||||
}
|
||||
}
|
||||
.phone_number__code{
|
||||
background: #f2f2f2;
|
||||
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;
|
||||
&_number{
|
||||
height: 100%;
|
||||
border: none;
|
||||
max-width: 36px;
|
||||
padding-left: 4px;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
// Sekcja dostawa i płatności
|
||||
#bm-oscop-payments .osc_item{
|
||||
grid-template-columns: 13px 70px 150px 1fr;
|
||||
}
|
||||
#bm-oscop-deliveries .osc_item{
|
||||
}
|
||||
#bm-oscop-deliveries .osc_item{
|
||||
grid-template-columns: 13px 70px 1fr auto;
|
||||
}
|
||||
#bm-oscop-section2{
|
||||
}
|
||||
.bm-oscop-deliveries__message{
|
||||
background: 1px solid @warning_color;
|
||||
background: #fcca83;
|
||||
padding: 1rem 2rem;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.bm-oscop-deliveries__message::before{
|
||||
content: '\F06A';
|
||||
font-family: fontawesome;
|
||||
color: @warning_color;
|
||||
display: block;
|
||||
text-align: center;
|
||||
font-size: 3.2rem;
|
||||
}
|
||||
|
||||
#bm-oscop-section2{
|
||||
.osc_item {
|
||||
gap: 1.2rem;
|
||||
margin-bottom: 2rem;
|
||||
@@ -715,6 +760,7 @@
|
||||
.fselectedPoint{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
grid-column: 1 / span 3;
|
||||
}
|
||||
.pickup_point{
|
||||
border: none!important;
|
||||
@@ -757,8 +803,8 @@
|
||||
.osc_item-modal{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
#bm-oscop-remarks{
|
||||
}
|
||||
#bm-oscop-remarks{
|
||||
h3{
|
||||
color: #000;
|
||||
margin-bottom: 2rem;
|
||||
@@ -772,9 +818,9 @@
|
||||
margin-left: 1rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
// Sekcja podsumowanie
|
||||
#bm-oscop-section3{
|
||||
}
|
||||
// Sekcja podsumowanie
|
||||
#bm-oscop-section3{
|
||||
position: sticky;
|
||||
top: 10px;
|
||||
align-self: flex-start;
|
||||
@@ -797,7 +843,7 @@
|
||||
.less_scrollbar();
|
||||
}
|
||||
}
|
||||
.cop_product_wrap{
|
||||
.oscop_product_wrap{
|
||||
display: grid;
|
||||
grid-template-columns: 90px 1fr;
|
||||
align-items: center;
|
||||
@@ -814,15 +860,15 @@
|
||||
.--last-visible, .--last-hidden{
|
||||
border-bottom: none;
|
||||
}
|
||||
.cop_product_wrap_r, .cop_icon{
|
||||
.oscop_product_wrap_r, .oscop_icon{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.cop_product_wrap_r {
|
||||
.oscop_product_wrap_r {
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
}
|
||||
.cop_icon{
|
||||
.oscop_icon{
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
height: 90px;
|
||||
@@ -830,13 +876,13 @@
|
||||
border-radius: 10px;
|
||||
background: #fff;
|
||||
}
|
||||
.cop_icon-img{
|
||||
.oscop_icon-img{
|
||||
transition: all 0.25s;
|
||||
}
|
||||
.cop_icon-img:hover{
|
||||
.oscop_icon-img:hover{
|
||||
transform: scale(1.1);
|
||||
}
|
||||
.cop_price{
|
||||
.oscop_price{
|
||||
min-width: 60px;
|
||||
text-align: right;
|
||||
}
|
||||
@@ -989,8 +1035,8 @@
|
||||
.operation_value.minus_sign::before{
|
||||
padding-right: 0!important;
|
||||
}
|
||||
}
|
||||
@media(max-width: 978px){
|
||||
}
|
||||
@media(max-width: 978px){
|
||||
.bm-oscop__container{
|
||||
grid-template-columns: 1fr!important;
|
||||
padding: 0 2rem;
|
||||
@@ -998,8 +1044,8 @@
|
||||
gap: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@media(max-width: 757px){
|
||||
}
|
||||
@media(max-width: 757px){
|
||||
.order__voucher_container .order__voucher_status{
|
||||
top: -1px!important;
|
||||
}
|
||||
@@ -1016,15 +1062,15 @@
|
||||
grid-template-columns: 1fr!important;
|
||||
}
|
||||
// Zmiana fontsize na 12px mobile
|
||||
.cop_product_wrap_r .cop_quantity{
|
||||
.oscop_product_wrap_r .oscop_quantity{
|
||||
font-size: 1.2rem!important;
|
||||
}
|
||||
// Zmiana fontsize na 13px mobile
|
||||
.delivery_date, .cop_product_wrap_r .cop_price, .order2_terms_wrapper_sub:not(.needed-text), #mail_propose_signin, #mail_propose_close {
|
||||
.delivery_date, .oscop_product_wrap_r .oscop_price, .order2_terms_wrapper_sub:not(.needed-text), #mail_propose_signin, #mail_propose_close {
|
||||
font-size: 1.3rem!important;
|
||||
}
|
||||
// Zmiana fontsize na 14px mobile
|
||||
.bm-oscop__btn, .cop_product_wrap_r .cop_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.newsletter, .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{
|
||||
@@ -1150,11 +1196,11 @@
|
||||
img{
|
||||
max-width: 100%!important;
|
||||
}
|
||||
.cop_product_wrap_r{
|
||||
.oscop_product_wrap_r{
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 0.8rem;
|
||||
.cop_price{
|
||||
.oscop_price{
|
||||
text-align: left;
|
||||
padding-top: 0.8rem;
|
||||
}
|
||||
@@ -1198,10 +1244,10 @@
|
||||
//////////////////////////////////////////////////////////////////////
|
||||
// LEAFLET MAP
|
||||
// Znika powtórzenie
|
||||
.leaflet-marker-shadow, .leaflet-shadow-pane, .asideContainer_pickup > input:not(:checked) + label .fbs02_btn{
|
||||
.leaflet-marker-shadow, .leaflet-shadow-pane, .asideContainer_pickup > input:not(:checked) + label .fbs02_btn{
|
||||
display: none;
|
||||
}
|
||||
.leafleat-suggestions {
|
||||
}
|
||||
.leafleat-suggestions {
|
||||
position: absolute;
|
||||
z-index: 600;
|
||||
top: 38px;
|
||||
@@ -1209,8 +1255,8 @@
|
||||
@media (max-width: 757px){
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
#fbs_z02_cover {
|
||||
}
|
||||
#fbs_z02_cover {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
@@ -1219,8 +1265,8 @@
|
||||
background: rgba(0, 0, 0, 0.75);
|
||||
text-align: center;
|
||||
z-index: 1050;
|
||||
}
|
||||
#fbs_z02_wrapper {
|
||||
}
|
||||
#fbs_z02_wrapper {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
position: relative;
|
||||
@@ -1233,8 +1279,8 @@
|
||||
z-index: 1055;
|
||||
top: 50% !important;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
#fbs_z02_close {
|
||||
}
|
||||
#fbs_z02_close {
|
||||
width: 25px;
|
||||
text-align: center;
|
||||
line-height: 21px;
|
||||
@@ -1243,35 +1289,35 @@
|
||||
right: 10px;
|
||||
text-decoration: none;
|
||||
top: 10px;
|
||||
}
|
||||
#fbs_z02_close:hover{
|
||||
}
|
||||
#fbs_z02_close:hover{
|
||||
color: @less_iaicolorscheme_background_active_color;
|
||||
}
|
||||
div.asideContainer_pickup {
|
||||
}
|
||||
div.asideContainer_pickup {
|
||||
margin-top: 10px;
|
||||
.less_scrollbar();
|
||||
@media(min-width: 757px){
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
}
|
||||
.pickup_sites_errors, .pickup_point_sub input {
|
||||
}
|
||||
.pickup_sites_errors, .pickup_point_sub input {
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
.map_button_search {
|
||||
}
|
||||
.map_button_search {
|
||||
z-index: 401;
|
||||
}
|
||||
.pickup_search_here,
|
||||
.pickup_search_here_leaflet {
|
||||
}
|
||||
.pickup_search_here,
|
||||
.pickup_search_here_leaflet {
|
||||
position: static;
|
||||
display: block;
|
||||
transform: none;
|
||||
}
|
||||
.pickup_sites_errors.show, .pickup_search_here:hover,
|
||||
.pickup_search_here_leaflet:hover {
|
||||
}
|
||||
.pickup_sites_errors.show, .pickup_search_here:hover,
|
||||
.pickup_search_here_leaflet:hover {
|
||||
display: block;
|
||||
}
|
||||
@media (min-width: 979px) {
|
||||
}
|
||||
@media (min-width: 979px) {
|
||||
.pickup_search_here,
|
||||
.pickup_search_here_leaflet {
|
||||
position: absolute;
|
||||
@@ -1285,8 +1331,8 @@
|
||||
.pickup_search_here_leaflet:hover {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
@media (min-width: 758px) {
|
||||
}
|
||||
@media (min-width: 758px) {
|
||||
#autocomplete_location {
|
||||
padding: 10px;
|
||||
}
|
||||
@@ -1305,32 +1351,33 @@
|
||||
display: flex;
|
||||
margin-bottom: 0!important;
|
||||
}
|
||||
}
|
||||
#pickup_list_form div.loadingMap {
|
||||
}
|
||||
#pickup_list_form div.loadingMap {
|
||||
height: 261px;
|
||||
}
|
||||
.leaflet-marker-icon {
|
||||
}
|
||||
.leaflet-marker-icon {
|
||||
background: none;
|
||||
}
|
||||
.leafleat-suggestions {
|
||||
}
|
||||
.leafleat-suggestions {
|
||||
border-top: none;
|
||||
margin-top: 0!important;
|
||||
}
|
||||
.contact_page .loadingMap {
|
||||
}
|
||||
.contact_page .loadingMap {
|
||||
height: 400px;
|
||||
left: 15px;
|
||||
right: 15px;
|
||||
width: auto;
|
||||
}
|
||||
.leaflet-img-holder {
|
||||
}
|
||||
.leaflet-img-holder {
|
||||
background: url('/data/include/cms/map_marker/testMarkerIcon.svg?v=1703749295264');
|
||||
}
|
||||
#mymap {
|
||||
}
|
||||
#mymap {
|
||||
height: 500px;
|
||||
width: 100%;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.loadingPoints {
|
||||
position: relative;
|
||||
}
|
||||
.loadingPoints {
|
||||
background: #ffffff;
|
||||
z-index: 99999999;
|
||||
position: absolute;
|
||||
@@ -1344,13 +1391,13 @@
|
||||
@media (min-width: 758px) and (max-width: 978px){
|
||||
max-width: 615px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 550px) {
|
||||
}
|
||||
@media (max-width: 550px) {
|
||||
#locationField .btn {
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
@media (max-width: 757px) {
|
||||
}
|
||||
@media (max-width: 757px) {
|
||||
.loadingPoints {
|
||||
height: 435px;
|
||||
}
|
||||
@@ -1364,18 +1411,18 @@
|
||||
width: 100%;
|
||||
margin: 5px 0 0;
|
||||
}
|
||||
}
|
||||
@media (max-width: 370px) {
|
||||
}
|
||||
@media (max-width: 370px) {
|
||||
.asideContainer_pickup .fbs02_btn {
|
||||
width: 100%;
|
||||
margin: 5px 0 0;
|
||||
}
|
||||
}
|
||||
// ZMIANY W MAPIE
|
||||
#fbs_z02_wrapper input:checked + label.pickup_point{
|
||||
}
|
||||
// ZMIANY W MAPIE
|
||||
#fbs_z02_wrapper input:checked + label.pickup_point{
|
||||
border-radius: 8px;
|
||||
}
|
||||
.mobile-change__btns{
|
||||
}
|
||||
.mobile-change__btns{
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
background: #fff;
|
||||
@@ -1389,22 +1436,22 @@
|
||||
padding: 2rem 5rem!important;
|
||||
border-radius: 0!important;
|
||||
}
|
||||
}
|
||||
#fbs_z02_close::before{
|
||||
}
|
||||
#fbs_z02_close::before{
|
||||
content: '\E897';
|
||||
font-family: FontAwesome;
|
||||
}
|
||||
.asideContainer_pickup .pickup_point{
|
||||
}
|
||||
.asideContainer_pickup .pickup_point{
|
||||
transition: all 0.25s;
|
||||
}
|
||||
.asideContainer_pickup .pickup_point:hover{
|
||||
}
|
||||
.asideContainer_pickup .pickup_point:hover{
|
||||
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05), 0px 7px 7px 0px rgba(0, 0, 0, 0.04), 0px 16px 10px 0px rgba(0, 0, 0, 0.03), 0px 29px 11px 0px rgba(0, 0, 0, 0.01), 0px 45px 13px 0px rgba(0, 0, 0, 0.00);
|
||||
border-radius: 8px;
|
||||
}
|
||||
.asideContainer_pickup input:not(:checked) + .pickup_point:hover{
|
||||
}
|
||||
.asideContainer_pickup input:not(:checked) + .pickup_point:hover{
|
||||
border-bottom: 1px solid rgba(0,0,0,0);
|
||||
}
|
||||
#fbs_z02_wrapper{
|
||||
}
|
||||
#fbs_z02_wrapper{
|
||||
.locationField_sub, .pickup_map_sidebar, .pickupl_submit{
|
||||
background: #fff!important;
|
||||
}
|
||||
@@ -1514,56 +1561,56 @@
|
||||
padding-right: 0rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
// PRZYCZEPIONY PRZYCISK KUP TERAZ NA DOLE
|
||||
.order_pay_wrapper, .order2_summary{
|
||||
}
|
||||
// PRZYCZEPIONY PRZYCISK KUP TERAZ NA DOLE
|
||||
.order_pay_wrapper, .order2_summary{
|
||||
border-bottom: 1px solid #000;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
#order2_summaryprice, #attatched-summaryprice{
|
||||
}
|
||||
#order2_summaryprice, #attatched-summaryprice{
|
||||
font-size: 2.2rem;
|
||||
font-weight: 800;
|
||||
@media(max-width: 757px){
|
||||
font-size: 2rem!important;
|
||||
}
|
||||
}
|
||||
#summary-points, #attatched-points, .order2_terms_checkall{
|
||||
}
|
||||
#summary-points, #attatched-points, .order2_terms_checkall{
|
||||
text-align: center;
|
||||
}
|
||||
.order_pay_wrapper div, .order2_summary div{
|
||||
}
|
||||
.order_pay_wrapper div, .order2_summary div{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.order2_button_order{
|
||||
}
|
||||
order2_button_order{
|
||||
display: inline-block!important;
|
||||
width: 100%;
|
||||
padding: 1.4rem;
|
||||
font-size: 2.2rem;
|
||||
}
|
||||
.order2_terms_checkall{
|
||||
}
|
||||
.order2_terms_checkall{
|
||||
display: flex;
|
||||
text-decoration: underline;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.bm-oscop__attatched-zone .--error .order2_terms_checkall{
|
||||
}
|
||||
.bm-oscop__attatched-zone .--error .order2_terms_checkall{
|
||||
color: @less_iaicolorscheme_danger_color;
|
||||
}
|
||||
#attatched-summary{
|
||||
}
|
||||
#attatched-summary{
|
||||
position: relative;
|
||||
z-index: 30;
|
||||
@media(min-width: 979px){
|
||||
display: none;
|
||||
grid-column: 2 / span 1;
|
||||
};
|
||||
}
|
||||
.bm-oscop__attatched-zone, .bm-oscop__attatched-container{
|
||||
}
|
||||
.bm-oscop__attatched-zone, .bm-oscop__attatched-container{
|
||||
width: 100%;
|
||||
}
|
||||
.bm-oscop__attatched-zone{
|
||||
}
|
||||
.bm-oscop__attatched-zone{
|
||||
position: fixed;
|
||||
background: @less_iaicolorscheme_background_color;
|
||||
bottom: 0;
|
||||
@@ -1576,8 +1623,8 @@
|
||||
padding-bottom: 1.5rem;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
}
|
||||
.bm-oscop__attatched-container{
|
||||
}
|
||||
.bm-oscop__attatched-container{
|
||||
background-color: #f2f2f2;
|
||||
border-radius: 8px 8px 0 0;
|
||||
border-top: 2px solid #ddd;
|
||||
@@ -1590,18 +1637,18 @@
|
||||
border-radius: 8px;
|
||||
grid-column: 2 / span 1;
|
||||
};
|
||||
}
|
||||
.bm-oscop__attatched-price{
|
||||
}
|
||||
.bm-oscop__attatched-price{
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
#attatched-summary .order2_terms_checkall{
|
||||
}
|
||||
#attatched-summary .order2_terms_checkall{
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
.bm-oscop__attatched-checkbox{
|
||||
}
|
||||
.bm-oscop__attatched-checkbox{
|
||||
label{
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
#attatched-checkall-terms{
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
1454
wydzielonyScript.js
1454
wydzielonyScript.js
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user