IBX-2159: Page Builder: add notification/feedback to user about inval…

…id fields/layout (#282)
ibexa · Feb 1, 2022 · 74355d5 · 74355d5
1 parent 07bfb06
commit 74355d5
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/bundle/Resources/public/js/scripts/admin.content.edit.js b/src/bundle/Resources/public/js/scripts/admin.content.edit.js
@@ -55,6 +55,11 @@
     };
     const focusOnFirstError = () => {
         const invalidFields = doc.querySelectorAll('.ibexa-field-edit.is-invalid');
+
+        if (!invalidFields.length) {
+            return;
+        }
+
         const invalidSection = invalidFields[0].closest('.ibexa-anchor-navigation-sections__section');
 
         fields.forEach((field) => field.removeAttribute('tabindex'));

diff --git a/src/bundle/Resources/public/scss/_buttons.scss b/src/bundle/Resources/public/scss/_buttons.scss
@@ -210,6 +210,12 @@
             fill: $ibexa-color-info;
         }
 
+        &.ibexa-btn--error {
+            background-color: $ibexa-color-danger-100;
+            border-color: $ibexa-color-danger;
+            fill: $ibexa-color-danger;
+        }
+
         &:not(.ibexa-btn--selected) {
             &:hover,
             &:focus {