[FIX] web, web_editor: ace widget partially hidden in read-only mode

Before this commit, the ´.ace_gutter´ overlapped the beginning
of the ace widget text content.

It only happens in read-only mode if it's a one-liner content.

Note that ´aria-hidden´ attribute is not set on BS modal. So,
it seems useless to remove it. Maybe a relicate of Bootstrap 3.

Steps to reproduce:
In debug mode,
- Open Settings
- Technical
- Scheduled Actions
- Open any

closes odoo/odoo#109519

X-original-commit: dc65d3de3a02a8f196eb22348bdfe41ede23f5d1
Signed-off-by: Romeo Fragomeli (rfr) <rfr@odoo.com>
Signed-off-by: Adrien Dieudonné (adr) <adr@odoo.com>
This commit is contained in:
Adrien Dieudonne
2023-01-10 13:40:01 +01:00
committed by Adrien Dieudonné
parent 4bf700140b
commit 84bff82d76
7 changed files with 0 additions and 17 deletions
-1
View File
@@ -19,7 +19,6 @@
'assets': {
'web.assets_frontend': [
'payment_adyen/static/src/js/payment_form.js',
'payment_adyen/static/src/scss/dropin.scss',
],
},
'license': 'LGPL-3',
@@ -1,6 +0,0 @@
.o_adyen_dropin {
[aria-hidden="true"], [aria-hidden="1"]
{
display: block !important;
}
}
@@ -115,7 +115,6 @@ export const OptionalProductsModal = Dialog.extend(ServicesMixin, VariantMixin,
if (!self.preventOpening) {
self.$modal.find(".modal-body").replaceWith(self.$el);
self.$modal.attr('open', true);
self.$modal.removeAttr("aria-hidden");
self.$modal.appendTo(self.container);
const modal = new Modal(self.$modal[0], {
focus: true,
@@ -135,7 +135,6 @@ export class ProfilingQwebView extends Component {
displayIndentGuides: true,
showGutter: true,
});
this.aceEditor.renderer.$gutter.removeAttribute("aria-hidden");
this.aceEditor.renderer.$cursorLayer.element.style.display = "none";
this.aceEditor.$blockScrolling = true;
@@ -199,7 +199,6 @@ var Dialog = Widget.extend({
}
self.$modal.find(".modal-body").replaceWith(self.$el);
self.$modal.attr('open', true);
self.$modal.removeAttr("aria-hidden");
if (self.$parentNode) {
self.$modal.appendTo(self.$parentNode);
}
@@ -1,6 +1,3 @@
.ace_editor > .ace_gutter {
display: block !important; // display even with aria-hidden
}
.ace_editor .ace_qweb {
color: orange !important;
}
@@ -24,10 +24,6 @@
}
}
[aria-hidden="true"], [aria-hidden="1"] {
display: none!important;
}
.dropdown-toggle {
white-space: nowrap;