Adds class and id to metadata section wrappers in the edition forms. #…

…184
tainacan · May 13, 2022 · 3659211 · 3659211
1 parent a9f0b74
commit 3659211
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/src/views/admin/components/edition/item-edition-form.vue b/src/views/admin/components/edition/item-edition-form.vue
@@ -304,7 +304,9 @@
 
                                     <div 
                                             v-for="(metadataSection, sectionIndex) of metadataSections"
-                                            :key="sectionIndex">
+                                            :key="sectionIndex"
+                                            :class="'metadata-section-slug-' + metadataSection.slug"
+                                            :id="'metadata-section-id-' + metadataSection.id">
                                         <div class="metadata-section-header section-label">
                                             <span   
                                                     class="collapse-handle"
@@ -323,7 +325,9 @@
                                             </span>
                                         </div>
                                         <transition name="filter-item">
-                                            <div v-show="metadataSectionCollapses[sectionIndex]">
+                                            <div 
+                                                    class="metadata-section-metadata-list"
+                                                    v-show="metadataSectionCollapses[sectionIndex]">
                                                 <tainacan-form-item
                                                         v-for="(itemMetadatum, index) of metadatumList.filter(anItemMetadatum => anItemMetadatum.metadatum.metadata_section_id == metadataSection.id)"
                                                         :key="index"

diff --git a/...ews/gutenberg-blocks/blocks/item-submission-form/item-submission/item-submission-form.vue b/...ews/gutenberg-blocks/blocks/item-submission-form/item-submission/item-submission-form.vue
@@ -376,7 +376,9 @@
 
                 <div 
                         v-for="(metadataSection, sectionIndex) of metadataSections"
-                        :key="sectionIndex">
+                        :key="sectionIndex"
+                        :class="'metadata-section-slug-' + metadataSection.slug"
+                        :id="'metadata-section-id-' + metadataSection.id">
                     <div class="metadata-section-header section-label">
                         <span   
                                 class="collapse-handle"
@@ -396,7 +398,9 @@
                         </span>
                     </div>
                     <transition name="filter-item">
-                        <div v-show="metadataSectionCollapses[sectionIndex]">
+                        <div 
+                                class="metadata-section-metadata-list"
+                                v-show="metadataSectionCollapses[sectionIndex]">
                             <template v-for="(itemMetadatum, index) of metadatumList.filter(anItemMetadatum => anItemMetadatum.metadatum.metadata_section_id == metadataSection.id)">
                                 <tainacan-form-item
                                         :key="index"
@@ -885,7 +889,7 @@ export default {
         }
         .field {
             padding: 12px 0px 12px 34px;
-            margin-left: 24px;
+            margin-left: 16px;
 
         }
          .columns {