[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) <dmo@odoo.com>
Signed-off-by: Ivan Elizaryev (iel) <iel@odoo.com>
This commit is contained in:
Ivan Rasputin
2023-08-31 16:05:49 +00:00
parent f9dcb907f0
commit a5ec75012e
@@ -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;