cosmetic brush-up; hide CollectionObject #

wbbaker · Mar 4, 2025 · a91e4cb · a91e4cb
1 parent 423a2e3
commit a91e4cb
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/modules/otus/components/Panel/PanelSpecimens/PanelSpecimens.vue b/src/modules/otus/components/Panel/PanelSpecimens/PanelSpecimens.vue
@@ -64,8 +64,8 @@
     </VCardHeader>
     <VCardContent class="text-sm">
       <p v-if="typeof inventoryDWC === 'string'" v-html="inventoryDWC"/>
-      <ul v-else class="tree ml-2">
-        <li v-for="specimen in inventoryDWC" :key="specimen.id" class="mt-1">
+      <ul v-else class="tree">
+        <li v-for="specimen in inventoryDWC" :key="specimen.id" class="py-3 border-b last:border-none first:pt-0 last:pb-0">
           <SpecimenSummary
               :specimen="specimen"
               :otu-id="otuId"

diff --git a/src/modules/otus/components/Panel/PanelSpecimens/SpecimenSummary.vue b/src/modules/otus/components/Panel/PanelSpecimens/SpecimenSummary.vue
@@ -4,16 +4,16 @@ of a specimen, from the TaxonWorks api /otus/<ID>/inventory/dwc.json.
 For further reference see https://dwc.tdwg.org/terms/.
 -->
 <template>
-  <div v-html="nameAndAuthor(specimen)"/>
-  <ul class="tree ml-6 relative">
-    <li class="my-2">{{ describeSpecimen(specimen) }}</li>
-    <li class="my-2">{{ describeDetails(specimen).join(', ') }}</li>
+  <div v-html="nameAndAuthor(specimen)" class="font-bold mb-2"/>
+  <ul class="tree ml-7 relative list-disc gap-2">
+    <li class="my-1 last:mb-0">{{ describeSpecimen(specimen) }}</li>
+    <li class="my-1 last:mb-0" v-if="describeDetails(specimen).length > 0">{{ describeDetails(specimen).join(', ') }}</li>
     <GalleryImage
         v-if="images.length"
         :images="images"
         :only-thumbs="true"
     />
-    <li v-for="note in notes" :key="note.id" class="my-2">
+    <li v-for="note in notes" :key="note.id" class="my-1 last:mb-0">
       Note: {{ note.text }}
     </li>
   </ul>
@@ -72,7 +72,7 @@ function describeDetails(specimen) {
     describeIdentifiedBy(specimen),
     specimen.georeferencedBy && `Geolocated by ${specimen.georeferencedBy}${describeGeoreferenceUncertainty(specimen)}`,
     // CollectionObject #1234
-    specimen.dwc_occurrence_object_id && `${specimen.dwc_occurrence_object_type} #${specimen.dwc_occurrence_object_id}`,
+    // specimen.dwc_occurrence_object_id && `${specimen.dwc_occurrence_object_type} #${specimen.dwc_occurrence_object_id}`,
   ].filter(Boolean)
 }