[FIX] web: less boolean_toogle
Before this commit, the boolean_toggle widget was rendered
but the less contained errors that prevented it from displaying correctly
This was due to commit 9dead7e3d3
After this commit, the widget displays correctly
There might be an issue in the future because of
field_utils.formatBoolean, when this function decides to pass the full options dict
OPW 80782
This commit is contained in:
@@ -86,39 +86,37 @@ div.o_boolean_toggle {
|
||||
width: 32px !important;
|
||||
height: 18px;
|
||||
|
||||
& > label {
|
||||
& > input {
|
||||
> input {
|
||||
display: none;
|
||||
}
|
||||
|
||||
& > .slider {
|
||||
.slider {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #a0a0a0;
|
||||
border-radius: 24px;
|
||||
|
||||
&:before {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #a0a0a0;
|
||||
border-radius: 24px;
|
||||
|
||||
&:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
left: 3px;
|
||||
bottom: 3px;
|
||||
background-color: white;
|
||||
border-radius: 50%;
|
||||
}
|
||||
content: "";
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
left: 3px;
|
||||
bottom: 3px;
|
||||
background-color: white;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
& > input:checked + .slider {
|
||||
background-color: @odoo-brand-optional;
|
||||
> input:checked + .slider {
|
||||
background-color: @odoo-brand-optional;
|
||||
|
||||
&:before {
|
||||
.translate(14px; 0px);
|
||||
}
|
||||
&:before {
|
||||
.translate(14px; 0px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user