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

Differential Revision: https://phabricator.services.mozilla.com/D121124
This commit is contained in:
Scott 2021-07-29 19:04:17 +00:00
parent 0efd692f47
commit 485f6911dd
6 changed files with 17 additions and 8 deletions

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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