summaryrefslogtreecommitdiff
path: root/addons/sale/static/src/scss
diff options
context:
space:
mode:
authorstephanchrst <stephanchrst@gmail.com>2022-05-10 21:51:50 +0700
committerstephanchrst <stephanchrst@gmail.com>2022-05-10 21:51:50 +0700
commit3751379f1e9a4c215fb6eb898b4ccc67659b9ace (patch)
treea44932296ef4a9b71d5f010906253d8c53727726 /addons/sale/static/src/scss
parent0a15094050bfde69a06d6eff798e9a8ddf2b8c21 (diff)
initial commit 2
Diffstat (limited to 'addons/sale/static/src/scss')
-rw-r--r--addons/sale/static/src/scss/product_configurator.scss227
-rw-r--r--addons/sale/static/src/scss/sale_onboarding.scss11
-rw-r--r--addons/sale/static/src/scss/sale_portal.scss42
-rw-r--r--addons/sale/static/src/scss/sale_report.scss3
4 files changed, 283 insertions, 0 deletions
diff --git a/addons/sale/static/src/scss/product_configurator.scss b/addons/sale/static/src/scss/product_configurator.scss
new file mode 100644
index 00000000..65a3e0a4
--- /dev/null
+++ b/addons/sale/static/src/scss/product_configurator.scss
@@ -0,0 +1,227 @@
+.css_attribute_color {
+ display: inline-block;
+ border: 1px solid #999999;
+ text-align: center;
+
+ input {
+ margin: 8px;
+ height: 13px;
+ opacity: 0;
+ }
+
+ &.active {
+ border: 3px ridge #66ee66;
+ }
+
+ &.active input {
+ margin: 6px;
+ }
+
+ &.custom_value {
+ background-image: linear-gradient(to bottom right, #FF0000, #FFF200, #1E9600);
+ }
+}
+
+.css_not_available_msg {
+ display: none;
+}
+
+.css_not_available.js_product {
+ .css_quantity,
+ .product_price {
+ display: none;
+ }
+
+ .css_not_available_msg {
+ display: block;
+ }
+
+ .js_add,
+ .oe_price,
+ .oe_default_price,
+ .oe_optional {
+ display: none;
+ }
+}
+
+.css_quantity {
+ width: initial; // We don't want the quantity form to be full-width
+
+ input[name="add_qty"] {
+ max-width: 50px;
+ text-align: center;
+ }
+}
+
+option.css_not_available {
+ color: #ccc;
+}
+
+label.css_not_available {
+ opacity: 0.6;
+}
+
+label.css_attribute_color.css_not_available {
+ opacity: 1;
+ background-image: url("/website_sale/static/src/img/redcross.png");
+ background-size: cover;
+}
+
+.variant_attribute {
+ padding-bottom: 0.5rem;
+
+ .attribute_name {
+ padding-bottom: 0.5rem;
+ display: block;
+ }
+
+ .radio_input {
+ margin-right: 0.7rem;
+ vertical-align: middle;
+ }
+
+ .radio_input_value {
+ display: inline-block;
+ vertical-align: middle;
+ line-height: 1;
+ }
+
+ .variant_custom_value {
+ margin-bottom: 0.7rem;
+
+ &.custom_value_own_line {
+ display: inline-block;
+ }
+ }
+
+ .custom_value_radio {
+ margin: 0.3rem 0rem 0.3rem 1.6rem;
+ }
+
+ select {
+ margin-bottom: 0.5rem;
+ }
+}
+
+.o_product_configurator {
+ .product_detail_img {
+ max-height: 240px;
+ }
+
+ .variant_attribute {
+ .custom_value_radio {
+ margin: 0.3rem 0rem 0.3rem 2.1rem;
+ }
+ }
+}
+
+.oe_optional_products_modal {
+ .table-striped tbody tr:nth-of-type(odd) {
+ background-color: rgba(0, 0, 0, 0.025);
+ }
+
+ .o_total_row {
+ font-size: 1.2rem;
+ }
+}
+
+.modal.o_technical_modal .oe_optional_products_modal .btn.js_add_cart_json {
+ padding: 0.075rem 0.75rem;
+}
+
+.js_product {
+ &.in_cart {
+ .js_add_cart_variants {
+ display: none;
+ }
+ }
+
+ select {
+ -webkit-appearance: menulist;
+ -moz-appearance: menulist;
+ appearance: menulist;
+ background-image: none;
+ }
+
+ .td-product_name {
+ word-wrap: break-word;
+ }
+
+ .td-product_name {
+ min-width: 140px;
+ }
+
+ .td-img {
+ width: 100px;
+ }
+
+ .td-qty {
+ width: 200px;
+ a.input-group-addon {
+ background-color: transparent;
+ border: 0px;
+ }
+
+ .input-group {
+ display: inline-flex;
+ }
+ }
+ .td-action {
+ width: 30px;
+ }
+
+ .td-price,
+ .td-price-total {
+ width: 120px;
+ }
+
+ @include media-breakpoint-down(sm) {
+ .td-img,
+ .td-price-total {
+ display: none;
+ }
+
+ .td-qty {
+ width: 60px;
+ }
+
+ .td-price {
+ width: 80px;
+ }
+ }
+
+ @media (max-width: 476px) {
+ .td-qty {
+ width: 60px;
+ }
+
+ #modal_optional_products table thead,
+ .oe_cart table thead {
+ display: none;
+ }
+
+ #modal_optional_products table td.td-img,
+ .oe_cart table td.td-img {
+ display: none;
+ }
+ }
+}
+
+.o_total_row {
+ height: 50px;
+}
+
+.oe_striked_price {
+ text-decoration: line-through;
+ white-space: nowrap;
+}
+
+.o_list_view {
+ .o_data_row.o_selected_row > .o_data_cell:not(.o_readonly_modifier) {
+ .o_field_widget .o_edit_product_configuration {
+ padding: 0;
+ background-color: inherit;
+ margin-left: 3px;
+ }
+ }
+}
diff --git a/addons/sale/static/src/scss/sale_onboarding.scss b/addons/sale/static/src/scss/sale_onboarding.scss
new file mode 100644
index 00000000..6f00b2a6
--- /dev/null
+++ b/addons/sale/static/src/scss/sale_onboarding.scss
@@ -0,0 +1,11 @@
+.o_onboarding_order_confirmation {
+ & span.o_onboarding_order_confirmation_help img {
+ display: none;
+ position: absolute;
+ bottom:0;
+ }
+ & span.o_onboarding_order_confirmation_help:hover img {
+ display: block
+ }
+
+} \ No newline at end of file
diff --git a/addons/sale/static/src/scss/sale_portal.scss b/addons/sale/static/src/scss/sale_portal.scss
new file mode 100644
index 00000000..56b7883a
--- /dev/null
+++ b/addons/sale/static/src/scss/sale_portal.scss
@@ -0,0 +1,42 @@
+/* ---- My Orders page ---- */
+
+.orders_vertical_align {
+ display: flex;
+ align-items: center;
+}
+
+.orders_label_text_align {
+ vertical-align: 15%;
+}
+
+/* ---- Order page ---- */
+
+.sale_tbody .o_line_note {
+ word-break: break-word;
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+}
+
+.sale_tbody input.js_quantity {
+ min-width: 48px;
+ text-align: center;
+}
+
+.sale_tbody div.input-group.w-50.pull-right {
+ width: 100% !important;
+}
+
+.o_portal .sale_tbody .js_quantity_container {
+
+ .js_quantity {
+ padding: 0;
+ }
+
+ .input-group-text {
+ padding: 0.2rem 0.4rem;
+ }
+
+ @include media-breakpoint-down(sm) {
+ width: 100%;
+ }
+}
diff --git a/addons/sale/static/src/scss/sale_report.scss b/addons/sale/static/src/scss/sale_report.scss
new file mode 100644
index 00000000..59380518
--- /dev/null
+++ b/addons/sale/static/src/scss/sale_report.scss
@@ -0,0 +1,3 @@
+.sale_tbody .o_line_note {
+ word-break: break-word;
+}