feat(record): cleanup smart components, use tailwind JIT classes

geonetwork · Feb 23, 2022 · 3d57f6e · 3d57f6e
1 parent f5dd23e
commit 3d57f6e
Show file tree

Hide file tree

Showing 8 changed files with 10 additions and 25 deletions.
diff --git a/libs/feature/record/src/lib/data-apis/data-apis.component.html b/libs/feature/record/src/lib/data-apis/data-apis.component.html
@@ -1,14 +1,11 @@
-<p class="font-title text-28 font-medium mt-12 mb-6 text-secondary" translate>
+<p
+  class="font-title text-[28px] font-medium mt-12 mb-6 text-secondary"
+  translate
+>
   record.metadata.api
 </p>
 <div
-  class="
-    mb-4
-    pl-2
-    flex flex-row
-    items-stretch
-    overflow-x-auto overflow-y-visible
-  "
+  class="mb-4 pl-2 flex flex-row items-stretch overflow-x-auto overflow-y-visible"
 >
   <gn-ui-api-card
     *ngFor="let link of facade.apiLinks$ | async"

diff --git a/libs/feature/record/src/lib/data-downloads/data-downloads.component.html b/libs/feature/record/src/lib/data-downloads/data-downloads.component.html
@@ -1,6 +1,6 @@
 <p
   *ngIf="(links$ | async) && (links$ | async).length > 0"
-  class="font-title text-28 font-medium mt-12 mb-4"
+  class="font-title text-[28px] font-medium mt-12 mb-4"
   translate
 >
   record.metadata.download

diff --git a/libs/feature/record/src/lib/data-otherlinks/data-otherlinks.component.html b/libs/feature/record/src/lib/data-otherlinks/data-otherlinks.component.html
@@ -1,4 +1,4 @@
-<p class="font-title text-28 font-medium mt-12 mb-4 text-primary" translate>
+<p class="font-title text-[28px] font-medium mt-12 mb-4 text-primary" translate>
   record.metadata.links
 </p>
 <div class="mb-4 grid grid-cols-3 gap-6">

diff --git a/libs/feature/record/src/lib/record-metadata/record-metadata.component.css b/libs/feature/record/src/lib/record-metadata/record-metadata.component.css
@@ -13,8 +13,3 @@
 .tracking-wider {
   letter-spacing: 0.88px;
 }
-
-button:disabled {
-  opacity: 0.6;
-  cursor: default;
-}
diff --git a/libs/feature/record/src/lib/record-metadata/record-metadata.component.html b/libs/feature/record/src/lib/record-metadata/record-metadata.component.html
@@ -29,7 +29,7 @@
   >
     <div class="container-lg mx-auto">
       <div>
-        <div class="text-28 font-title transform translate-y-10" translate>
+        <div class="text-[28px] font-title transform translate-y-10" translate>
           record.metadata.preview
         </div>
         <mat-tab-group

diff --git a/libs/feature/record/src/lib/record-metadata/record-metadata.component.ts b/libs/feature/record/src/lib/record-metadata/record-metadata.component.ts
@@ -50,11 +50,4 @@ export class RecordMetadataComponent {
       window.dispatchEvent(new Event('resize'))
     }, 0)
   }
-
-  scrollTo(id: string) {
-    document.getElementById(id).scrollIntoView({
-      behavior: 'smooth',
-      block: 'start',
-    })
-  }
 }
diff --git a/libs/feature/record/src/lib/related-records/related-records.component.html b/libs/feature/record/src/lib/related-records/related-records.component.html
@@ -1,4 +1,4 @@
-<p class="font-title text-28 font-medium mt-10 mb-4" translate>
+<p class="font-title text-[28px] font-medium mt-10 mb-4" translate>
   record.metadata.related
 </p>
 <div class="mb-4 pl-2 flex flex-wrap justify-start gap-6">

diff --git a/libs/ui/elements/src/lib/metadata-info/metadata-info.component.html b/libs/ui/elements/src/lib/metadata-info/metadata-info.component.html
@@ -1,6 +1,6 @@
 <div class="grid grid-cols-3 gap-6">
   <div class="col-span-2">
-    <p class="text-28 mb-6 font-title" translate>record.metadata.about</p>
+    <p class="text-[28px] mb-6 font-title" translate>record.metadata.about</p>
     <div class="mb-4 md-description pr-16">
       <gn-ui-content-ghost
         ghostClass="h-32"