From e8d6f9b73d08b0aef2bbe1ab722a79891ba57445 Mon Sep 17 00:00:00 2001
From: Tobias Bieniek <tobias@bieniek.cloud>
Date: Wed, 3 May 2023 16:26:59 +0200
Subject: [PATCH] CrateHeader: Add tooltip to "Yanked" badge

---
 app/components/crate-header.hbs        | 5 +++++
 app/components/crate-header.module.css | 1 +
 app/styles/application.module.css      | 4 ++++
 3 files changed, 10 insertions(+)

diff --git a/app/components/crate-header.hbs b/app/components/crate-header.hbs
index e52be7ab61..8361fd499a 100644
--- a/app/components/crate-header.hbs
+++ b/app/components/crate-header.hbs
@@ -8,6 +8,11 @@
         <span local-class="yanked-badge">
           {{svg-jar "trash"}}
           Yanked
+
+          <EmberTooltip>
+            This crate has been yanked, but it is still available for download for other crates that
+            may be depending on it.
+          </EmberTooltip>
         </span>
       {{/if}}
     {{/if}}
diff --git a/app/components/crate-header.module.css b/app/components/crate-header.module.css
index a0074d8193..ed31269b47 100644
--- a/app/components/crate-header.module.css
+++ b/app/components/crate-header.module.css
@@ -23,6 +23,7 @@
     align-items: center;
     gap: var(--space-3xs);
     white-space: nowrap;
+    cursor: default;
 
     svg {
         width: 1em;
diff --git a/app/styles/application.module.css b/app/styles/application.module.css
index a32ae646fd..0a07ff5091 100644
--- a/app/styles/application.module.css
+++ b/app/styles/application.module.css
@@ -180,3 +180,7 @@ noscript {
     flex-direction: column;
     padding: var(--main-layout-padding);
 }
+
+:global(.ember-tooltip) {
+    font-weight: normal;
+}