Bug 1722739 - Newtab Pocket privacy link hover underline fix r=amy

Differential Revision: https://phabricator.services.mozilla.com/D121124

browser/components/newtab/content-src/components/DiscoveryStreamComponents/Navigation/Navigation.jsx

@@ -76,12 +76,10 @@ export class Navigation extends React.PureComponent {
 
         <SafeAnchor
           onLinkClick={this.onLinkClick}
-          className={this.props.className}
+          className="ds-navigation-privacy"
           url={privacyNotice.url}
         >
-          <FluentOrText message={privacyNotice.title}>
-            <span className="ds-navigation-privacy" />
-          </FluentOrText>
+          <FluentOrText message={privacyNotice.title} />
         </SafeAnchor>
       </div>
     );

browser/components/newtab/content-src/components/DiscoveryStreamComponents/Navigation/_Navigation.scss

@@ -65,5 +65,9 @@
   .ds-navigation-privacy {
     padding-inline-start: 6px;
     float: inline-end;
+
+    &:hover {
+      text-decoration: underline;
+    }
   }
 }

browser/components/newtab/css/activity-stream-linux.css

@@ -3790,6 +3790,9 @@ main.has-snippet {
   padding-inline-start: 6px;
   float: inline-end;
 }
+.ds-navigation .ds-navigation-privacy:hover {
+  text-decoration: underline;
+}
 
 .ds-section-title {
   text-align: center;

browser/components/newtab/css/activity-stream-mac.css

@@ -3794,6 +3794,9 @@ main.has-snippet {
   padding-inline-start: 6px;
   float: inline-end;
 }
+.ds-navigation .ds-navigation-privacy:hover {
+  text-decoration: underline;
+}
 
 .ds-section-title {
   text-align: center;

browser/components/newtab/css/activity-stream-windows.css

@@ -3790,6 +3790,9 @@ main.has-snippet {
   padding-inline-start: 6px;
   float: inline-end;
 }
+.ds-navigation .ds-navigation-privacy:hover {
+  text-decoration: underline;
+}
 
 .ds-section-title {
   text-align: center;

browser/components/newtab/data/content/activity-stream.bundle.js

@@ -10015,13 +10015,11 @@ class Navigation extends react__WEBPACK_IMPORTED_MODULE_1___default.a.PureCompon
       dispatch: this.props.dispatch
     })))) : null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_SafeAnchor_SafeAnchor__WEBPACK_IMPORTED_MODULE_2__["SafeAnchor"], {
       onLinkClick: this.onLinkClick,
-      className: this.props.className,
+      className: "ds-navigation-privacy",
       url: privacyNotice.url
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(content_src_components_FluentOrText_FluentOrText__WEBPACK_IMPORTED_MODULE_3__["FluentOrText"], {
       message: privacyNotice.title
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", {
-      className: "ds-navigation-privacy"
-    }))));
+    })));
   }
 
 }