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

[FIX] web_editor: fix selection style for icons

Browse Source 
The code added in [1] to update style for multi image selection
is not compatible with .fa icons and causes a strange behaviour when
trying to select one.
The goal of this commit is to fix style for selected icons on media
dialog.

Also fixes the fact the icons were not centered before.

[1]: https://github.com/odoo/odoo/commit/bb65b742e7eec000248b7df0f048dda61ac3ff5a

closes odoo/odoo#67846

Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
Co-authored-by: qsm-odoo <qsm@odoo.com>
This commit is contained in:
xO-Tx
2021-03-15 17:05:48 +00:00
committed by qsm-odoo
co-authored by qsm-odoo
parent 7b30af6e77
commit f98d1c4b21
2 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/web_editor/static/src/scss/web_editor.variables.scss
+18 -13
View File
@@ -419,19 +419,24 @@ $o-we-sidebar-content-field-toggle-control-shadow: 0 2px 3px 0 $o-we-bg-darkest
// ------------------------------------------------------------------
@mixin o-we-active-wrapper($icon: '\f00c', $top: auto, $right: auto, $bottom: auto, $left: auto) {
border: 3px solid $o-brand-primary;
&:before {
content: $icon;
@include o-position-absolute($top, $right, $bottom, $left);
width: 19px;
height: 19px;
background-color: $o-brand-primary;
font-family: 'FontAwesome';
color: white;
border-radius: 50%;
text-align: center;
z-index: 1;
box-shadow: $box-shadow;
box-shadow: 0 0 0 3px $o-brand-primary;
&:not(.fa) {
border: 3px solid $o-brand-primary;
box-shadow: none;
&:before {
content: $icon;
@include o-position-absolute($top, $right, $bottom, $left);
width: 19px;
height: 19px;
background-color: $o-brand-primary;
font-family: 'FontAwesome';
color: white;
border-radius: 50%;
text-align: center;
z-index: 1;
box-shadow: $box-shadow;
}
}
}
addons/web_editor/static/src/scss/wysiwyg.scss
+1 -1
View File
@@ -313,7 +313,7 @@ body .modal {
margin: 5px;
width: 50px;
height: 50px;
padding: 15px;
padding: 15px 0; // 0 allows to center properly
cursor: pointer;
}
}