summaryrefslogtreecommitdiff
path: root/addons/web_editor/static/src/scss/web_editor.ui.scss
diff options
context:
space:
mode:
authorqsm-odoo <qsm@odoo.com>2018-05-22 15:30:36 +0200
committerqsm-odoo <qsm@odoo.com>2018-07-27 12:36:54 +0200
commit93b0001df6766fe905ee69c25ec8d846e4551064 (patch)
tree3f88048d24818b6e8871ad6f00308d15f6105f73 /addons/web_editor/static/src/scss/web_editor.ui.scss
parent7822bab880809d7e88c4ce5b45761c97c3244388 (diff)
[REF] *: BS4, adapt forms
The 'form-horizontal' class have been removed; the '.form-group' elements must now use the 'row' class for an horizontal layout. The 'control-label' class was renamed to 'col-form-label'. The 'help-block' class was renamed to 'form-text'. The 'has-error' and 'has-success' classes have been removed and replaced by a new system using the :valid and :invalid pseudo-classes, when a parent has the 'was-validated' class. While this system is great, it is not straightforward to use it in Odoo. Fortunately, BS4 provides the 'is-valid' and 'is-invalid' classes as fallback. This commit replaces the 'has-error' and 'has-success' classes by 'o_has_error' and 'o_has_success' classes (for JS compatibility) and use the 'is-*' fallback classes. (The 'has-warning' class has no equivalent but was unused in Odoo anyway).
Diffstat (limited to 'addons/web_editor/static/src/scss/web_editor.ui.scss')
-rw-r--r--addons/web_editor/static/src/scss/web_editor.ui.scss4
1 files changed, 2 insertions, 2 deletions
diff --git a/addons/web_editor/static/src/scss/web_editor.ui.scss b/addons/web_editor/static/src/scss/web_editor.ui.scss
index eb872c432e3..34b921c49da 100644
--- a/addons/web_editor/static/src/scss/web_editor.ui.scss
+++ b/addons/web_editor/static/src/scss/web_editor.ui.scss
@@ -1462,10 +1462,10 @@ body .modal {
display: none;
}
}
- &.has-error > .o_validate_feedback > .fa-exclamation-triangle {
+ &.o_has_error > .o_validate_feedback > .fa-exclamation-triangle {
display: block;
}
- &.has-success > .o_validate_feedback > .fa-check {
+ &.o_has_success > .o_validate_feedback > .fa-check {
display: block;
}
}