Update ValidationErrorsOverview.svelte

Added additional classes for improved CSS targeting.
josdejong · Nov 21, 2023 · 1d229f5 · 1d229f5
1 parent 1613f03
commit 1d229f5
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/src/lib/components/controls/ValidationErrorsOverview.svelte b/src/lib/components/controls/ValidationErrorsOverview.svelte
@@ -32,7 +32,7 @@
 {#if !isEmpty(validationErrors)}
  <div class="jse-validation-errors-overview">
  {#if expanded || count === 1}
- <table>
+ <table class='jse-validation-errors-overview-expanded'>
  <tbody>
  {#each limit(validationErrors, MAX_VALIDATION_ERRORS) as validationError, index}
  <tr
@@ -45,10 +45,10 @@
  <td class="jse-validation-error-icon">
  <Icon data={faExclamationTriangle} />
  </td>
- <td>
+ <td class='jse-validation-error-path'>
  {stringifyJSONPath(validationError.path)}
  </td>
- <td>
+ <td class='jse-validation-error-message'>
  {validationError.message}
  </td>
  <td class="jse-validation-error-action">
@@ -77,13 +77,13 @@
  </tbody>
  </table>
  {:else}
- <table>
+ <table class='jse-validation-errors-overview-collapsed'>
  <tbody>
  <tr class="jse-validation-error" on:click={expand}>
  <td class="jse-validation-error-icon">
  <Icon data={faExclamationTriangle} />
  </td>
- <td>
+ <td class='jse-validation-error-count'>
  {count} validation errors
  <div class="jse-validation-errors-expand">
  <Icon data={faAngleRight} />