From bb623ffe8c771263595fb8fc5c4171bcd7cd4e4a Mon Sep 17 00:00:00 2001
From: Herrtian <70463940+Herrtian@users.noreply.github.com>
Date: Thu, 2 Jul 2026 17:36:21 +0200
Subject: [PATCH] fix: keep release descriptions from expanding on hover

---
 crates/bin/docs_rs_web/templates/core/home.html      |  3 ++-
 .../bin/docs_rs_web/templates/releases/releases.html |  9 ++++++---
 crates/bin/docs_rs_web/templates/style/style.scss    |  7 -------
 gui-tests/long-crate-description.goml                | 12 ++++++++++++
 4 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/crates/bin/docs_rs_web/templates/core/home.html b/crates/bin/docs_rs_web/templates/core/home.html
index 5ddc6dae9..e88924679 100644
--- a/crates/bin/docs_rs_web/templates/core/home.html
+++ b/crates/bin/docs_rs_web/templates/core/home.html
@@ -57,7 +57,8 @@ <h1 class="brand">{{ crate::icons::IconCubes.render_solid(false, false, "") }} D
                                 <div class="pure-u-1 pure-u-sm-6-24 pure-u-md-5-24 name">
                                     {{- release.name }}-{{ release.version -}}
                                 </div>
-                                <div class="pure-u-1 pure-u-sm-14-24 pure-u-md-16-24 description">
+                                <div class="pure-u-1 pure-u-sm-14-24 pure-u-md-16-24 description"
+                                    title="{{ release.description.as_deref().unwrap_or_default() }}">
                                     {{- release.description.as_deref().unwrap_or_default() -}}
                                 </div>
 
diff --git a/crates/bin/docs_rs_web/templates/releases/releases.html b/crates/bin/docs_rs_web/templates/releases/releases.html
index 7746e79f9..26684a311 100644
--- a/crates/bin/docs_rs_web/templates/releases/releases.html
+++ b/crates/bin/docs_rs_web/templates/releases/releases.html
@@ -36,7 +36,8 @@
                             <div class="release">
                                 <div class="pure-g">
                                     <div class="pure-u-1 pure-u-sm-6-24 pure-u-md-5-24 name not-available">{{ name }}</div>
-                                    <div class="pure-u-1 pure-u-sm-14-24 pure-u-md-16-24 description">Documentation not available on docs.rs</div>
+                                    <div class="pure-u-1 pure-u-sm-14-24 pure-u-md-16-24 description"
+                                        title="Documentation not available on docs.rs">Documentation not available on docs.rs</div>
                                 </div>
                             </div>
                         {%- when ReleaseStatus::External(release) -%}
@@ -46,7 +47,8 @@
                                         {{- release.name -}}
                                     </div>
 
-                                    <div class="pure-u-1 pure-u-sm-14-24 pure-u-md-16-24 description">
+                                    <div class="pure-u-1 pure-u-sm-14-24 pure-u-md-16-24 description"
+                                        title="{{ release.description }}">
                                         {{- release.description -}}
                                     </div>
 
@@ -81,7 +83,8 @@
                                         {%- endif -%}
                                     </div> {#- -#}
 
-                                    <div class="pure-u-1 pure-u-sm-14-24 pure-u-md-16-24 description">
+                                    <div class="pure-u-1 pure-u-sm-14-24 pure-u-md-16-24 description"
+                                        title="{{ release.description.as_deref().unwrap_or_default() }}">
                                         {{- release.description.as_deref().unwrap_or_default() -}}
                                     </div>
 
diff --git a/crates/bin/docs_rs_web/templates/style/style.scss b/crates/bin/docs_rs_web/templates/style/style.scss
index 036de8b82..e011b31f7 100644
--- a/crates/bin/docs_rs_web/templates/style/style.scss
+++ b/crates/bin/docs_rs_web/templates/style/style.scss
@@ -389,13 +389,6 @@ div.recent-releases-container {
         }
     }
 
-    .description:hover {
-        @media #{$media-sm} {
-            overflow: visible;
-            white-space: normal;
-        }
-    }
-
     .date,
     .duration,
     .memory {
diff --git a/gui-tests/long-crate-description.goml b/gui-tests/long-crate-description.goml
index 2cfb0fee1..99fe223df 100644
--- a/gui-tests/long-crate-description.goml
+++ b/gui-tests/long-crate-description.goml
@@ -16,3 +16,15 @@ store-property: (|description_selector|, {"scrollWidth": description_width})
 // It should be smaller due to padding, but if it overflows it'll be wider than the screen anyway.
 assert-false: |description_width| > |screen_width|
 
+// Desktop release descriptions are truncated, but hovering them should not change
+// the row height and make the release list jump around.
+set-window-size: (1200, 800)
+store-value: (release_selector, "div.recent-releases-container a.release")
+set-text: (|description_selector|, "A very long crate description that should remain on one line when hovered instead of expanding and moving nearby release rows")
+
+store-property: (|release_selector|, {"clientHeight": release_height})
+move-cursor-to: |description_selector|
+store-property: (|release_selector|, {"clientHeight": release_height_after_hover})
+
+assert: |release_height_after_hover| == |release_height|
+