diff options
| author | Kishan Gajjar <kig@odoo.com> | 2018-04-10 17:11:43 +0530 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2018-05-23 11:57:49 +0200 |
| commit | 5766fac3886fedf9fdfba2307edbab3b033fb1b5 (patch) | |
| tree | cdfc9766e305cb094fa70c5d8fc2edea9f321f06 /addons/web_editor/static/src/scss/web_editor.ui.scss | |
| parent | 473c74f6368b9ce4c2242c53263811a925837855 (diff) | |
[IMP] web_editor: highlight the selected image/icon
When we selected an image/icon, there was no visual feedback explaining
to the user that the image/icon had been selected (except for images on
chrome).
task-35020
Closes https://github.com/odoo/odoo/pull/24160
Diffstat (limited to 'addons/web_editor/static/src/scss/web_editor.ui.scss')
| -rw-r--r-- | addons/web_editor/static/src/scss/web_editor.ui.scss | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/addons/web_editor/static/src/scss/web_editor.ui.scss b/addons/web_editor/static/src/scss/web_editor.ui.scss index 378bdba5c30..787cb95f0af 100644 --- a/addons/web_editor/static/src/scss/web_editor.ui.scss +++ b/addons/web_editor/static/src/scss/web_editor.ui.scss @@ -1686,3 +1686,17 @@ body .modal { } } } + + +// Highlight selected image/icon +%o-we-selected-image { + $o-selected-image-color: rgba(150, 150, 220, 0.3); + background: $o-selected-image-color; + outline: 3px solid $o-selected-image-color; +} +img.o_we_selected_image { + @extend %o-we-selected-image; +} +.fa.o_we_selected_image::before { + @extend %o-we-selected-image; +} |