pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] website_sale: adjust custom dropdown caret

Browse Source 
Prior to this commit, the custom dropdown caret in the `website_sale`
sidebar didn't handle the "multiple" attribute,
unlike the default dropdown.

If we decided to add a "multiple" attribute to this element, the caret
remained displayed, which created a design issue.

This commit adapts the caret of this dropdown so that it works
correctly when this attribute is defined.

task-3702675

Part-of: odoo/odoo#150886
This commit is contained in:
Brieuc-brd
2024-04-24 16:34:46 +00:00
committed by qsm-odoo
parent dd739f5757
commit e2fda34984
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/website_sale/static/src/scss/product_configurator.scss
+11 -4
View File
@@ -80,11 +80,18 @@ option.css_not_available {
$-arrow-url: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='175' height='100' fill='#000'><polygon points='0,0 100,0 50,50'/></svg>");
select.form-select.css_attribute_select {
background-image: str-replace($-arrow-url, "#000", str-replace(#{$input-color}, "#", "%23"));
background-size: 20px;
background-position: 100% 65%;
background-repeat: no-repeat;
max-width: 400px;
&:not([multiple]):where(:not([size]), [size="1"]) {
background-image: str-replace($-arrow-url, "#000", str-replace(#{$input-color}, "#", "%23"));
background-size: 20px;
background-position: 100% 65%;
background-repeat: no-repeat;
&:disabled {
background-image: str-replace($-arrow-url, "#000", str-replace(#{$form-select-disabled-color}, "#", "%23"));
}
}
}
// In the case of a modal, we cannot rely on '$input-color' to define the color
// of the select arrow because '$input-color' is set based on the background