Auto merge of #2453 - Turbo87:crate-row, r=locks

CrateRow: Replace version badge with regular text

... and show the copy button only on mouse over.

### Before
<img width="640" alt="Bildschirmfoto 2020-04-26 um 17 18 39" src="https://user-images.githubusercontent.com/141300/80311805-19986d80-87e2-11ea-9825-c2f93335d003.png">

### After
<img width="639" alt="Bildschirmfoto 2020-04-26 um 17 18 13" src="https://user-images.githubusercontent.com/141300/80311833-4a78a280-87e2-11ea-8208-4213791d5c82.png">

r? @locks

Author: bors

app/components/crate-badge.hbs

@@ -9,8 +9,8 @@
       >
         {{ @crate.name }}
       </LinkTo>
-      <CrateTomlCopy @copyText='{{@crate.name}} = "{{@crate.max_version}}"' @inline={{true}} />
-      <CrateBadge @crate={{@crate}} local-class="version-badge" />
+      <span local-class="version" data-test-version>v{{@crate.max_version}}</span>
+      <CrateTomlCopy @copyText='{{@crate.name}} = "{{@crate.max_version}}"' @inline={{true}} local-class="copy-button" />
     </div>
     <div local-class="description" data-test-description>
       {{ truncate-text @crate.description }}

app/components/crate-badge.js

@@ -17,10 +17,19 @@
     font-size: 120%;
 }
 
-.version-badge {
+.version {
     margin-left: 10px;
 }
 
+.copy-button {
+    opacity: 0;
+    transition: 50ms;
+
+    .crate-row:hover & {
+        opacity: 1;
+    }
+}
+
 .description {
     composes: small from '../styles/shared/typography.module.css';
     margin-top: 8px;

app/components/crate-row.hbs

@@ -41,7 +41,7 @@ module('Acceptance | search', function (hooks) {
       .dom('[data-test-search-sort]')
       .hasText('Sort by Relevance Relevance All-Time Downloads Recent Downloads Recent Updates Newly Added');
     assert.dom('[data-test-crate-row="0"] [data-test-crate-link]').hasText('kinetic-rust');
-    assert.dom('[data-test-crate-row="0"] [data-test-version-badge]').hasAttribute('alt', '0.0.16');
+    assert.dom('[data-test-crate-row="0"] [data-test-version]').hasText('v0.0.16');
 
     assert
       .dom('[data-test-crate-row="0"] [data-test-description]')