From 3d57f6ebfac009607708ca1a10c6ae2407f12c84 Mon Sep 17 00:00:00 2001
From: Olivier Guyot <olivier.guyot@camptocamp.com>
Date: Tue, 22 Feb 2022 12:37:05 +0100
Subject: [PATCH] feat(record): cleanup smart components, use tailwind JIT
 classes

---
 .../src/lib/data-apis/data-apis.component.html      | 13 +++++--------
 .../data-downloads/data-downloads.component.html    |  2 +-
 .../data-otherlinks/data-otherlinks.component.html  |  2 +-
 .../record-metadata/record-metadata.component.css   |  5 -----
 .../record-metadata/record-metadata.component.html  |  2 +-
 .../record-metadata/record-metadata.component.ts    |  7 -------
 .../related-records/related-records.component.html  |  2 +-
 .../lib/metadata-info/metadata-info.component.html  |  2 +-
 8 files changed, 10 insertions(+), 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
index 6a54870587..6770a756f5 100644
--- 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
index 0b5b8e091f..18d6e1eb78 100644
--- 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
index fd83d19a78..80b7fcbd8a 100644
--- 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
index d42a03814c..d1e2158d5f 100644
--- 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
index b9e1a35568..e0ee09c760 100644
--- 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
index 0076e9defe..5a2df50f3c 100644
--- 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
index 936633ce36..7bf829e8b7 100644
--- 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
index a3e7a7f80f..4a49a78879 100644
--- 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"