diff options
| author | qsm-odoo <qsm@odoo.com> | 2020-07-30 13:31:21 +0000 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2020-07-30 14:50:04 +0000 |
| commit | 90033c95ea133f78a2bfa247da3aae1a8d53f98d (patch) | |
| tree | 23809417c6bacf9f809cecb49d3d799d3ac18caa /addons/web_editor/static/src | |
| parent | 8a57b4ce792eb3227d9d3ef4b844a189903d02a4 (diff) | |
[FIX] website: prevent page flickering when modal is opened
Commit [1] introduced a flickering when any modal was opened on the
frontend. Indeed, it introduced the possibility to go into "fullscreen"
mode, which makes the Odoo UI navbar and sidebar disappear. This is
animated: the padding of the `<body/>` element is using a CSS
transition... but when a Bootstrap modal opens, the padding-right is
changed to compensate the scrollbar removal. This change now being
animated, it creates a flickering.
A generic solution was made: only animate what is animated for the
duration of the fullscreen mode switch.
[1]: https://github.com/odoo/odoo/commit/0b0690a3934cedcab0d5e34373e8d40c2ab25660
closes odoo/odoo#55210
X-original-commit: ccadb20c82a651e9ef87e818b898f3e9a081cacd
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
Diffstat (limited to 'addons/web_editor/static/src')
| -rw-r--r-- | addons/web_editor/static/src/scss/wysiwyg.scss | 1 | ||||
| -rw-r--r-- | addons/web_editor/static/src/scss/wysiwyg_snippets.scss | 2 |
2 files changed, 1 insertions, 2 deletions
diff --git a/addons/web_editor/static/src/scss/wysiwyg.scss b/addons/web_editor/static/src/scss/wysiwyg.scss index d76b7f4b648..0418bf35c7d 100644 --- a/addons/web_editor/static/src/scss/wysiwyg.scss +++ b/addons/web_editor/static/src/scss/wysiwyg.scss @@ -35,7 +35,6 @@ $o-we-zindex: $o-we-overlay-zindex + 1 !default; z-index: $o-we-zindex; height: var(--o-we-toolbar-height); background-color: $o-we-bg; - transition: transform 400ms ease 0s; // For fullscreen .note-popover .popover { top: 0 !important; diff --git a/addons/web_editor/static/src/scss/wysiwyg_snippets.scss b/addons/web_editor/static/src/scss/wysiwyg_snippets.scss index ad11b201fde..eb462326d6e 100644 --- a/addons/web_editor/static/src/scss/wysiwyg_snippets.scss +++ b/addons/web_editor/static/src/scss/wysiwyg_snippets.scss @@ -108,7 +108,7 @@ body.editor_enable.editor_has_snippets { font-weight: 700; line-height: 1; - transition: transform 400ms ease 0s; // Also for fullscreen + transition: transform 400ms ease 0s; transform: translateX(-100%); &.o_loaded { |