Fix inconsistency between package list and package page copy icon opacities (#8559)

Author: isoos

app/lib/frontend/templates/views/pkg/package_list.dart

@@ -225,7 +225,8 @@ d.Node _item({
         classes: ['packages-header'],
         children: [
           d.h3(classes: [
-            'packages-title'
+            'packages-title',
+            'pub-monochrome-icon-hoverable',
           ], children: [
             d.a(href: url, text: name),
             if (copyIcon != null) copyIcon,

app/lib/frontend/templates/views/shared/detail/header.dart

@@ -111,7 +111,10 @@ d.Node detailHeaderNode({
             d.div(
               classes: ['detail-header-content-block'],
               children: [
-                d.h1(classes: ['title'], child: titleNode),
+                d.h1(
+                  classes: ['title', 'pub-monochrome-icon-hoverable'],
+                  child: titleNode,
+                ),
                 d.div(classes: ['metadata'], child: metadataNode),
                 if (tagsNode != null || likeCount != null)
                   d.div(

app/test/frontend/golden/my_activity_log_page.html

@@ -142,7 +142,7 @@ <h3 class="foldable-button">
                 <img class="detail-header-image" src="https://www.gravatar.com/avatar/92c525024f1911332fe1d0f7dd750977?d=retro&amp;s=200=s400" alt="user profile picture" width="200" height="200"/>
               </div>
               <div class="detail-header-content-block">
-                <h1 class="title">admin</h1>
+                <h1 class="title pub-monochrome-icon-hoverable">admin</h1>
                 <div class="metadata">
                   <p>[email protected]</p>
                   <p>

app/test/frontend/golden/my_liked_packages.html

@@ -143,7 +143,7 @@ <h3 class="foldable-button">
                 <img class="detail-header-image" src="https://www.gravatar.com/avatar/f1983c9193966b63c29c141c02db9a34?d=retro&amp;s=200=s400" alt="user profile picture" width="200" height="200"/>
               </div>
               <div class="detail-header-content-block">
-                <h1 class="title">user</h1>
+                <h1 class="title pub-monochrome-icon-hoverable">user</h1>
                 <div class="metadata">
                   <p>[email protected]</p>
                   <p>

app/test/frontend/golden/my_packages.html

@@ -142,7 +142,7 @@ <h3 class="foldable-button">
                 <img class="detail-header-image" src="https://www.gravatar.com/avatar/f1983c9193966b63c29c141c02db9a34?d=retro&amp;s=200=s400" alt="user profile picture" width="200" height="200"/>
               </div>
               <div class="detail-header-content-block">
-                <h1 class="title">user</h1>
+                <h1 class="title pub-monochrome-icon-hoverable">user</h1>
                 <div class="metadata">
                   <p>[email protected]</p>
                   <p>
@@ -183,7 +183,7 @@ <h1 class="title">user</h1>
                   <div class="packages">
                     <div class="packages-item">
                       <div class="packages-header">
-                        <h3 class="packages-title">
+                        <h3 class="packages-title pub-monochrome-icon-hoverable">
                           <a href="/packages/oxygen">oxygen</a>
                           <span class="pkg-page-title-copy">
                             <img class="pub-monochrome-icon pkg-page-title-copy-icon filter-invert-on-dark" src="/static/hash-%%etag%%/img/content-copy-icon.svg" alt="copy &quot;oxygen: ^1.2.0&quot; to clipboard" width="18" height="18" title="Copy &quot;oxygen: ^1.2.0&quot; to clipboard" data-copy-content="oxygen: ^1.2.0" data-ga-click-event="copy-package-version"/>
@@ -266,7 +266,7 @@ <h3 class="packages-title">
                     </div>
                     <div class="packages-item">
                       <div class="packages-header">
-                        <h3 class="packages-title">
+                        <h3 class="packages-title pub-monochrome-icon-hoverable">
                           <a href="/packages/neon">neon</a>
                           <span class="pkg-page-title-copy">
                             <img class="pub-monochrome-icon pkg-page-title-copy-icon filter-invert-on-dark" src="/static/hash-%%etag%%/img/content-copy-icon.svg" alt="copy &quot;neon: ^1.0.0&quot; to clipboard" width="18" height="18" title="Copy &quot;neon: ^1.0.0&quot; to clipboard" data-copy-content="neon: ^1.0.0" data-ga-click-event="copy-package-version"/>

app/test/frontend/golden/my_publishers.html

@@ -142,7 +142,7 @@ <h3 class="foldable-button">
                 <img class="detail-header-image" src="https://www.gravatar.com/avatar/f1983c9193966b63c29c141c02db9a34?d=retro&amp;s=200=s400" alt="user profile picture" width="200" height="200"/>
               </div>
               <div class="detail-header-content-block">
-                <h1 class="title">user</h1>
+                <h1 class="title pub-monochrome-icon-hoverable">user</h1>
                 <div class="metadata">
                   <p>[email protected]</p>
                   <p>

app/test/frontend/golden/pkg_activity_log_page.html

@@ -141,7 +141,7 @@ <h3 class="foldable-button">
           <div class="detail-container">
             <div class="detail-header-outer-block">
               <div class="detail-header-content-block">
-                <h1 class="title">
+                <h1 class="title pub-monochrome-icon-hoverable">
                   oxygen 1.2.0
                   <span class="pkg-page-title-copy">
                     <img class="pub-monochrome-icon pkg-page-title-copy-icon filter-invert-on-dark" src="/static/hash-%%etag%%/img/content-copy-icon.svg" alt="copy &quot;oxygen: ^1.2.0&quot; to clipboard" width="18" height="18" title="Copy &quot;oxygen: ^1.2.0&quot; to clipboard" data-copy-content="oxygen: ^1.2.0" data-ga-click-event="copy-package-version"/>

app/test/frontend/golden/pkg_admin_page.html

@@ -141,7 +141,7 @@ <h3 class="foldable-button">
           <div class="detail-container">
             <div class="detail-header-outer-block">
               <div class="detail-header-content-block">
-                <h1 class="title">
+                <h1 class="title pub-monochrome-icon-hoverable">
                   oxygen 1.2.0
                   <span class="pkg-page-title-copy">
                     <img class="pub-monochrome-icon pkg-page-title-copy-icon filter-invert-on-dark" src="/static/hash-%%etag%%/img/content-copy-icon.svg" alt="copy &quot;oxygen: ^1.2.0&quot; to clipboard" width="18" height="18" title="Copy &quot;oxygen: ^1.2.0&quot; to clipboard" data-copy-content="oxygen: ^1.2.0" data-ga-click-event="copy-package-version"/>

app/test/frontend/golden/pkg_changelog_page.html

@@ -115,7 +115,7 @@ <h3 class="foldable-button">
           <div class="detail-container">
             <div class="detail-header-outer-block">
               <div class="detail-header-content-block">
-                <h1 class="title">
+                <h1 class="title pub-monochrome-icon-hoverable">
                   oxygen 1.2.0
                   <span class="pkg-page-title-copy">
                     <img class="pub-monochrome-icon pkg-page-title-copy-icon filter-invert-on-dark" src="/static/hash-%%etag%%/img/content-copy-icon.svg" alt="copy &quot;oxygen: ^1.2.0&quot; to clipboard" width="18" height="18" title="Copy &quot;oxygen: ^1.2.0&quot; to clipboard" data-copy-content="oxygen: ^1.2.0" data-ga-click-event="copy-package-version"/>

app/test/frontend/golden/pkg_example_page.html

@@ -115,7 +115,7 @@ <h3 class="foldable-button">
           <div class="detail-container">
             <div class="detail-header-outer-block">
               <div class="detail-header-content-block">
-                <h1 class="title">
+                <h1 class="title pub-monochrome-icon-hoverable">
                   oxygen 1.2.0
                   <span class="pkg-page-title-copy">
                     <img class="pub-monochrome-icon pkg-page-title-copy-icon filter-invert-on-dark" src="/static/hash-%%etag%%/img/content-copy-icon.svg" alt="copy &quot;oxygen: ^1.2.0&quot; to clipboard" width="18" height="18" title="Copy &quot;oxygen: ^1.2.0&quot; to clipboard" data-copy-content="oxygen: ^1.2.0" data-ga-click-event="copy-package-version"/>