future-proofing HF hyoerlinks in pipeline_card template

aurelienmorgan · Dec 29, 2024 · 0af22f3 · 0af22f3
1 parent 4ae697d
commit 0af22f3
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/pkg_src/retrain_pipelines/pipeline_card/mf_unsloth_func_call_litserve/template.html b/pkg_src/retrain_pipelines/pipeline_card/mf_unsloth_func_call_litserve/template.html
@@ -508,7 +508,12 @@ <h1 style="color: #6082B6;">Exploratory Data Analysis</h1>
                         <font color="#C0C0C0">
                             <span style='font-size: large;'><b>{{ main_dataset_repo_id }}</b></span> -
                             commit {{ main_dataset_commit_hash[:7] }}
-                            ({{ main_dataset_commit_utc_date_str }})
+                            <span class="info-container">
+                                <span class="info-icon" style="background-color: #C0C0C0;">i</span>
+                                <span class="info-content" style="width: 190px; white-space: nowrap;">
+                                    {{ main_dataset_commit_utc_date_str }}
+                                </span>
+                            </span>
                             [<a href="https://huggingface.co/datasets/{{ main_dataset_repo_id }}/tree/{{ main_dataset_commit_hash }}"
                             target="_blank">HuggingFace &#x1F917;</a>] -
                             {{records_count}} records&nbsp;:
@@ -575,9 +580,12 @@ <h2 class="btn-sub" style="color: #6082B6;">
                                         <font color="#C0C0C0">
                                         training dataset&nbsp: <b>{{ dataset_repo_id }}
                                         v{{ dataset_version_label }}</b>
-                                        (<a href="https://hf.co/datasets/{{ dataset_repo_id }}/blob/{{ dataset_commit_hash }}/README.md"
-                                            target="_blank">{{ dataset_commit_hash[:7] }}</a>
-                                         - {{ dataset_utc_timestamp_str }})
+                                        <span class="info-container">
+                                            <span class="info-icon" style="background-color: #C0C0C0;">i</span>
+                                            <span class="info-content" style="width: 190px; white-space: nowrap;">{{ dataset_utc_timestamp_str }}</span>
+                                        </span>
+                                        [<a href="https://hf.co/datasets/{{ dataset_repo_id }}/blob/{{ dataset_commit_hash }}/README.md"
+                                        target="_blank">HuggingFace &#x1F917;</a>]
                                         </font><br />
                                         <font color="#C0C0C0">
                                         model version&nbsp: <b>{{ model_repo_id }}