Alexandr SaVBaD Waltz
52e559dae0
Implemented billing and shipping address selection in the cart UI, along with improved promocode dropdown. Updated GraphQL mutation to accept new address fields for more comprehensive order handling. - Replaced the old promocode selection implementation with `el-select` components. - Introduced billing and shipping address fields with selectable options. - Enhanced form validation to ensure all required fields are populated before checkout. - Updated translations (`en-gb.json`, `ru-ru.json`) with new field labels. - Adjusted SCSS for consistent styling of dropdowns. Improves user experience by streamlining and enhancing the checkout process. No breaking changes introduced.
34 lines
No EOL
806 B
SCSS
34 lines
No EOL
806 B
SCSS
@use "../global/variables" as *;
|
|
|
|
.el-select__wrapper {
|
|
height: 36px !important;
|
|
background-color: transparent !important;
|
|
}
|
|
.el-select--large .el-select__wrapper {
|
|
border-radius: $default_border_radius !important;
|
|
box-shadow: none !important;
|
|
border: 1px solid $border !important;
|
|
font-size: 16px !important;
|
|
}
|
|
.el-select__placeholder.is-transparent {
|
|
color: $disabled_secondary !important;
|
|
}
|
|
|
|
.el-select__popper.el-popper {
|
|
background-color: $main_hover !important;
|
|
}
|
|
.el-select-dropdown__item {
|
|
color: $primary_dark !important;
|
|
}
|
|
.el-select-dropdown__item.is-hovering {
|
|
color: $primary !important;
|
|
background-color: $main !important;
|
|
}
|
|
|
|
|
|
.el-select--small .el-select__wrapper {
|
|
height: 30px !important;
|
|
}
|
|
.el-select--small .el-select-dropdown__item {
|
|
height: 28px !important;
|
|
} |