feat: use an input to display the URL in

cnumr · Feb 3, 2024 · 9e334fb · 9e334fb
1 parent f99f2fc
commit 9e334fb
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 48 deletions.
diff --git a/assets/css/51_page-result.css b/assets/css/51_page-result.css
@@ -2,32 +2,6 @@
  * RESULT PAGE SPECIFIC STYLES
  */
 
- .result-url-wrapper {
-	font-weight: var(--font-weight-bold);
-	overflow: hidden;
-	text-overflow: ellipsis;
-	white-space: nowrap;
- }
-
- /**
-  * For small screens, put the URL on a new line,
-  * and move truncate feature from the wrapper to the URL.
-  */
- @media (max-width: 60rem) {
-	.result-url-wrapper {
-		overflow: auto;
-		text-overflow: initial;
-		white-space: initial;
-	}
-
-	.result-url {
-		display: block;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
- }
-
 /*! purgecss start ignore */
 .result-badge {
 	font-size: var(--s2);

diff --git a/assets/js/components/SiteAnalysisResult.js b/assets/js/components/SiteAnalysisResult.js
@@ -269,8 +269,7 @@ class SiteAnalysisResult {
 	_updateUrl(url) {
 		const urlElement = this.el.querySelector(".result-url")
 
-		urlElement.setAttribute("href", url)
-		urlElement.setAttribute("title", url)
+		urlElement.setAttribute("value", url)
 	}
 }
 export default SiteAnalysisResult;
diff --git a/content/en/result/_#first_intro.md b/content/en/result/_#first_intro.md
@@ -3,10 +3,10 @@ id="intro"
 widget="result-intro"
 +++
 
-Calculated 
+Calculated on {{< result-date >}}
 
-<h1 class="h2 result-url-wrapper">
-    Results from {{< result-date >}}
+<h1 class="h2 font-weight:semi-bold">
+   Analysis results
 </h1>
 
 {{< result-url >}}
diff --git a/content/fr/result/_#first_intro.md b/content/fr/result/_#first_intro.md
@@ -3,8 +3,10 @@ id="intro"
 widget="result-intro"
 +++
 
-<h1 class="h2 result-url-wrapper">
-    Résultat du {{< result-date >}}
+Calculé le {{< result-date >}}
+
+<h1 class="h2 font-weight:semi-bold">
+   Résultats de l’analyse
 </h1>
 
 {{< result-url >}}
diff --git a/layouts/partials/components/result-url.html b/layouts/partials/components/result-url.html
@@ -1,15 +1 @@
-<p class="stack-l">
-    <input class="result-url" data-int="url">
-    <span>
-        <a href="/" class="button-default js-button-retest"
-            ><span class="icon-square-wrapper bg-darkish" aria-label="{{ i18n `ReTest` }}"
-                >{{ partial "svg/inline-svg-use" "icon-refresh" }}</span
-            >&nbsp;<span class="hide-mobile">{{ i18n `ReTest` }}</span></a
-        >
-        <a id="share-btn" href="/" role="button" class="button-default"
-            ><span class="icon-square-wrapper bg-darkish" aria-label="{{ i18n `Share` }}"
-                >{{ partial "svg/inline-svg-use" "icon-share" }}</span
-            >&nbsp;<span class="hide-mobile">{{ i18n `Share` }}</span></a
-        >
-    </span>
-</p>
+<input class="result-url" data-int="url">
diff --git a/layouts/partials/widgets/result-intro.html b/layouts/partials/widgets/result-intro.html
@@ -7,6 +7,19 @@
 						>{{ partial "svg/inline-svg-use" "icon-arrow-left" }}&nbsp;{{ i18n `Back` }}</a
 					>
 				</div>
+
+				<div class="display:flex justify-content:end text-align:end">
+					<a href="/" class="button-default js-button-retest"
+						><span class="icon-square-wrapper bg-darkish" aria-label="{{ i18n `ReTest` }}"
+							>{{ partial "svg/inline-svg-use" "icon-refresh" }}</span
+						>&nbsp;<span class="hide-mobile">{{ i18n `ReTest` }}</span></a
+					>
+					<a id="share-btn" href="/" role="button" class="button-default"
+						><span class="icon-square-wrapper bg-darkish" aria-label="{{ i18n `Share` }}"
+							>{{ partial "svg/inline-svg-use" "icon-share" }}</span
+						>&nbsp;<span class="hide-mobile">{{ i18n `Share` }}</span></a
+					>
+				</div>
 			</div>
 		</div>
 		<div class="stack-l">