From a5ec75012e7a7f8be5ec1a6717d976bbfb319212 Mon Sep 17 00:00:00 2001 From: Ivan Rasputin Date: Tue, 18 Jul 2023 10:33:53 +0200 Subject: [PATCH] [FIX] web_editor: make crop widget visible again Crop widget is implemented as div block that is supposed to be displayed on top of other elements. However, it's not the case for dialogs, because they want to be on top as well (z-index of dialog is 1050 bootstrap [1]) STEPS: * Go to Sales Order * SO * Schedule an activity * Use '/' command * select image * click image * crop image BEFORE: image crop toolbar is hidden behind 'Schedule activity' Pop-up Fix it by increasing z-index for the crop widget [1]: https://github.com/odoo/odoo/blob/9102df15cce455205a19fb7b9a0c36186cc51e3a/addons/web/static/lib/bootstrap/dist/css/bootstrap.css#L5524 opw-3391583 closes odoo/odoo#133781 X-original-commit: 36c9b2b7916fbbdcfc912d652695699e50043edb Signed-off-by: David Monjoie (dmo) Signed-off-by: Ivan Elizaryev (iel) --- addons/web_editor/static/src/scss/wysiwyg.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/addons/web_editor/static/src/scss/wysiwyg.scss b/addons/web_editor/static/src/scss/wysiwyg.scss index 51319edfc19..4404a08a7be 100644 --- a/addons/web_editor/static/src/scss/wysiwyg.scss +++ b/addons/web_editor/static/src/scss/wysiwyg.scss @@ -603,7 +603,8 @@ img.o_we_selected_image { .o_we_crop_widget { background-color: rgba(128, 128, 128, 0.5); @include o-position-absolute(0, 0, 0, 0); - z-index: 1024; + /* This value must be higher than dialog z-index in bootstrap */ + z-index: 1056; .o_we_cropper_wrapper { position: absolute;