From 5766fac3886fedf9fdfba2307edbab3b033fb1b5 Mon Sep 17 00:00:00 2001 From: Kishan Gajjar Date: Tue, 10 Apr 2018 17:11:43 +0530 Subject: [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 --- addons/web_editor/static/src/scss/web_editor.ui.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) (limited to 'addons/web_editor/static/src/scss/web_editor.ui.scss') 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; +} -- cgit v1.2.3