[FIX] web_editor: fix remove btn z-index in media dialog

Add a z-index on remove btn in media dialog because before that the
button was hidden behind images. Also review a little bit the style of
the button.

task-2312878

closes odoo/odoo#58839

X-original-commit: 4a8239c86e3fdf2830bd4f52d2424fe0f83d4639
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Benjamin Vray
2020-09-29 14:55:41 +00:00
committed by qsm-odoo
parent 45818cc1aa
commit 9530af25d4
@@ -250,14 +250,10 @@ body .modal {
margin: 1px;
.o_existing_attachment_optimize, .o_existing_attachment_remove {
background-color: scale-color($card-border-color, $alpha: -50%);
text-shadow: 0 0 1px white;
background-color: rgba(white, 0.4);
opacity: 0;
cursor: pointer;
&:hover {
background-color: $card-border-color;
}
transition: color 0.2s ease;
}
.o_existing_attachment_optimize {
@@ -267,6 +263,7 @@ body .modal {
.o_existing_attachment_remove {
@include o-position-absolute($top: 0, $right: 0);
z-index: 1;
border-radius: 0 0 0 2px;
&:hover {
color: $o-we-color-danger;