[#1891] Cleaned up block classes for non-field-error

maykinmedia · Dec 4, 2023 · 84b5d7e · 84b5d7e
1 parent bbc1a2a
commit 84b5d7e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 8 deletions.
diff --git a/src/open_inwoner/js/components/form/FileInput.js b/src/open_inwoner/js/components/form/FileInput.js
@@ -33,15 +33,15 @@ export class FileInput extends Component {
 
   /**
    * Return the label when zero files are selected.
-   * @return HTMLInputElement
+   * @return {HTMLLabelElement}
    */
   getLabelEmpty() {
     return this.node.querySelector(`${FileInput.selector}__label-empty`)
   }
 
   /**
    * Return the label if more than 0 files are selected.
-   * @return HTMLInputElement
+   * @return {HTMLLabelElement}
    */
   getLabelSelected() {
     return this.node.querySelector(`${FileInput.selector}__label-selected`)

diff --git a/src/open_inwoner/scss/components/Form/NonFieldError.scss b/src/open_inwoner/scss/components/Form/NonFieldError.scss
@@ -1,6 +1,4 @@
-.form {
-  &__non-field-error {
-    color: var(--color-gray-dark);
-    margin-top: var(--spacing-medium);
-  }
+.non-field-error {
+  color: var(--color-gray-dark);
+  margin-top: var(--spacing-medium);
 }
diff --git a/src/open_inwoner/templates/pages/cases/document_form.html b/src/open_inwoner/templates/pages/cases/document_form.html
@@ -5,7 +5,7 @@
     {% input form.type no_label=True no_help=True class="label input" id="id_type" extra_classes="file-type__select" %}
     {% file_input form.files %}
     {% form_actions primary_text=_("Upload documenten") enctype="multipart/form-data" %}
-    <div class="form__non-field-error" hidden>
+    <div class="non-field-error" hidden>
         <p class="p p--small p--centered">{% trans "Verwijder eerst bestanden die niet voldoen aan de voorwaarden" %}</p>
     </div>
 {% endrender_form %}