FrontendOSCOP/oscop
8
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Ostateczne poprawki kodu, zalogowanego użytkownika, składania zamówienia, zatwierdzania niektórych inputów enterem

Browse Source
This commit is contained in:
pawel.gaca
2024-01-12 14:58:22 +01:00
parent 3fd8d4ccc7
commit 2e6db44bd2
12 changed files with 3210 additions and 1108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
style.css
View File

@@ -6,6 +6,9 @@
label:not(.f-label){
cursor: pointer;
}
label:has(input:disabled){
cursor: default;
}
// strzalki po prawej
.--arrow-input{
display: none;
@@ -50,7 +53,7 @@
font-size: 1.6rem!important;
}
//zmiana fontsize na 14px na desktop
.rebate_option label, .order2_terms_checkall, .register_client_checkbox, .firm-form.form-control-static, #delivery_box_switcher label, #FBS_faktura, #checkout_step3_1 .name, .client_type-text, .headerText{
.rebate_option label, .order2_terms_checkall, .register_client_checkbox, .firm-form, #delivery_box_switcher label, #FBS_faktura, #checkout_step3_1 .name, .client_type-text, .headerText{
font-size: 1.4rem!important;
}
//zmiana fontsize na 13px na desktop
@@ -62,7 +65,7 @@
font-size: 1.2rem!important;
}
// zmiana grubości czcionki na 700
#delivery_box_switcher label, #FBS_faktura > span, .client_type-text, #signin-form-ajax .signin_button, .delivery__address-list-firstname, .delivery__address-list-lastname, .propose_title, .button_password_recover, #delivery_region, #client_region, .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, #e-invoice_dialog font, #e-invoice_dialog .btn, .rebate label, .--points{
#delivery_box_switcher label, #FBS_faktura > span, .client_type-text, #signin-form-ajax .signin_button, .delivery__address-list-firstname, .delivery__address-list-lastname, .propose_title, .button_password_recover, .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, #e-invoice_dialog font, #e-invoice_dialog .btn, .rebate label, .--points{
font-weight: 700;
}
// margin bottom 0
@@ -280,14 +283,14 @@
height: 38px!important;
padding-left: 2.4rem;
}
input[type="radio"], input[type="checkbox"]{
input[type="radio"]:not([disabled]), input[type="checkbox"]:not([disabled]){
cursor: pointer;
}
// Zmiana koloru checkbox i radio
input[type="radio"], input[type="checkbox"]{
accent-color: @less_iaicolorscheme_background_active_color;
}
.f-label, .--region .control-label{
.f-label{
color: #545454;
}
.f-label{
@@ -298,6 +301,9 @@
.f-group .f-control.focused + .f-label, .f-group .f-control:focus + .f-label{
transform: scale(0.95) translateY(-20px)!important;
}
.form-control-feedback{
line-height: 43px;
}
.has-error .form-control-feedback, .has-success .form-control-feedback {
line-height: 38px;
}
@@ -351,6 +357,14 @@
//Sekcja dane klienta
#cop_seection1{
margin-bottom: 2rem;
#client_contact_info.--logged{
padding-bottom: 3rem;
}
.has-feedback.f-feedback:not(.--success):not(.has-sucess):not(.--error):not(.has-error) span.form-control-feedback:after{
content: "*";
color: #333;
font-size: 1.5rem;
}
.change_oscop_data{
display: none;
}
@@ -394,12 +408,15 @@
.form-group.--region{
position: relative;
.control-label{
background-color: #fff;
color: rgba(51, 51, 51, 0.5) !important;
position: absolute;
bottom: 50%;
position: absolute;
transform: translateY(51%);
left: 24px;
z-index: 0;
cursor: default;
top: -8px;
transform: scale(0.95);
left: 23px;
z-index: 2;
padding: 0 0.5rem;
}
select{
background-color: rgba(255, 255, 255, 0);
@@ -420,7 +437,7 @@
position: absolute;
right: 2.4rem;
font-size: 1.8rem;
top: 20%;
top: 18%;
}
div:has(select:focus)::after{
content: "\F106";
@@ -443,10 +460,10 @@
flex-grow: 1;
display: flex;
transition: all 0.25s;
border: 1px solid #ccc;
border-radius: 8px;
a{
border: 1px solid #ccc;
padding: 1rem 0;
border-radius: 8px;
display: flex;
flex-grow: 1;
justify-content: center;
@@ -462,6 +479,7 @@
}
li:hover{
filter: grayscale(0);
border: 1px solid #000;
}
}
}
@@ -485,7 +503,7 @@
}
}
.register__form{
display:none;
display: none;
margin-top: 2rem;
.register__item{
position:relative;
@@ -541,7 +559,7 @@
margin-right: 0.5rem;
}
}
.delivery__address-list-button{
#modal_placeholder, .delivery__address-list-button{
padding: 1rem 3rem;
display: none;
}
@@ -559,22 +577,7 @@
.client_type-text{
margin-right: 1rem;
}
.client_email_logg{
word-break: break-all;
}
}
// .login_options_Google a::before{
// content: url(/gfx/standards/google.svg?r=1698135216);
// }
// .login_options_Facebook a::before{
// content: url(/gfx/standards/facebook.svg?r=1698135216);
// }
// .login_options_LinkedIn a::before{
// content: url(/gfx/standards/linkedin.svg?r=1698135216);
// }
// .login_options_PayPal a::before{
// content: url(/gfx/standards/paypal.svg?r=1698135216);
// }
// sekcja dostawa i płatności
#cop_seection2{
.osc_item {
@@ -689,7 +692,8 @@
top: 10px;
align-self: flex-start;
.summary__container{
background-color: @less_iaicolorscheme_gray_lighter_color;
// background-color: @less_iaicolorscheme_gray_lighter_color;
background-color: #f2f2f2;
padding: 4rem 2rem 2rem 2rem;
border-radius: 5px;
}
@@ -715,21 +719,18 @@
border-bottom: 1px solid #000;
}
}
.--last-visible{
.--last-visible, .--last-hidden{
border-bottom: none;
}
.--last-hidden{
border-bottom: none;
.cop_product_wrap_r, .cop_icon{
display: flex;
align-items: center;
}
.cop_product_wrap_r {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
}
.cop_icon{
display:flex;
align-items:center;
justify-content: center;
overflow: hidden;
height: 90px;
@@ -755,6 +756,8 @@
background-color: @less_iaicolorscheme_gray_lighter_color;
padding: 0 1rem;
transition: all 0.25s;
position: relative;
z-index: 2;
}
span:hover{
font-weight: 600;
@@ -770,7 +773,7 @@
position: absolute;
left: 0;
top: 50%;
z-index: -1;
z-index: 1;
}
}
#checkout_step3_3.--more{
@@ -834,20 +837,20 @@
fill: @less_iaicolorscheme_background_active_color!important;
}
}
.rebate{
.rebate, .rebate .rebate__code .rebate__code-container:has(.help-block.validate_message.text-danger){
margin-bottom: 2rem;
}
.rebate{
padding-bottom: 0.9rem;
border: 1px solid #ccc;
border-radius: 8px;
.rebate__options{
.rebate__options, .rebate__code .rebate__code-container{
display: flex;
align-items: center;
}
.rebate__code{
display: none;
.rebate__code-container{
display: flex;
align-items: center;
gap: 2rem;
padding: 2rem 1rem 0 1rem;
position: relative;
@@ -857,9 +860,6 @@
transform: translateY(150%);
}
}
.rebate__code-container:has(.help-block.validate_message.text-danger){
margin-bottom: 2rem;
}
.form-control-feedback{
line-height: 75px!important;
right: 47%!important;
@@ -931,6 +931,9 @@
}
}
@media(max-width: 757px){
.form-control-feedback{
line-height: 51px;
}
.order__voucher_container .order__voucher_status{
top: -1px!important;
}
@@ -1044,7 +1047,7 @@
.delivery_box.--more .form-group, .client_box .form-group, #client_contact_info .form-group{
margin-bottom: 1.2rem!important;
}
#client_new_client{
#client_form{
margin-bottom: 2.4rem;
}
.transfer__methods .payments-container, .card__methods .payments-container{
@@ -1070,9 +1073,9 @@
}
.delivery_date, .delivery_info, .pickup_point_sub{
display: flex;
align-items: center;
flex-direction: row;
column-gap: 1rem;
align-items: center;
}
.delivery_date, .pickup_point_sub{
flex-wrap: wrap;
@@ -1146,6 +1149,9 @@
margin-bottom: 1.2rem;
}
}
.--hide-map-el{
display: none!important;
}
}
@media(max-width: 450px){
.delivery_info{
@@ -1215,11 +1221,7 @@
padding-left: 0.5rem;
}
}
.pickup_point_sub input {
width: 100%;
display: none;
}
.pickup_sites_errors {
.pickup_sites_errors, .pickup_point_sub input {
width: 100%;
display: none;
}
@@ -1343,6 +1345,9 @@
}
}
// ZMIANY W MAPIE
input:checked + label.pickup_point{
border-radius: 8px;
}
.mobile-change__btns{
position: sticky;
bottom: 0;
@@ -1472,7 +1477,6 @@
}
.asideContainer_pickup{
max-height: 401px;
display: none;
}
.locationField_sub{
padding-top: 1rem!important;