Merge pull request #1598 from jsit/feat/fix-link-hover-colors

This commit is contained in:
SleeplessOne1917 2023-06-25 21:42:08 +00:00 committed by GitHub
commit 883afea0c5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 8 deletions

View file

@ -84,7 +84,7 @@
margin-top: -6.5px; margin-top: -6.5px;
} }
.post-title a:visited { .post-title a:visited:not(:hover) {
color: var(--bs-gray) !important; color: var(--bs-gray) !important;
} }

View file

@ -397,7 +397,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
const post_view = this.postView; const post_view = this.postView;
return ( return (
<span className="small"> <span className="small">
<PersonListing person={post_view.creator} /> <PersonListing person={post_view.creator} muted={true} />
{this.creatorIsMod_ && ( {this.creatorIsMod_ && (
<span className="mx-1 badge text-bg-light"> <span className="mx-1 badge text-bg-light">
{I18NextService.i18n.t("mod")} {I18NextService.i18n.t("mod")}
@ -444,8 +444,8 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<Link <Link
className={`d-inline ${ className={`d-inline ${
!post.featured_community && !post.featured_local !post.featured_community && !post.featured_local
? "text-body" ? "link-dark"
: "text-primary" : "link-primary"
}`} }`}
to={`/post/${post.id}`} to={`/post/${post.id}`}
title={I18NextService.i18n.t("comments")} title={I18NextService.i18n.t("comments")}
@ -470,8 +470,8 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<a <a
className={ className={
!post.featured_community && !post.featured_local !post.featured_community && !post.featured_local
? "text-body" ? "link-dark"
: "text-primary" : "link-primary"
} }
href={url} href={url}
title={url} title={url}
@ -554,10 +554,10 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
const url = post.url; const url = post.url;
return ( return (
<p className="d-flex text-muted align-items-center gap-1 small m-0"> <p className="small m-0">
{url && !(hostname(url) === getExternalHost()) && ( {url && !(hostname(url) === getExternalHost()) && (
<a <a
className="text-muted fst-italic" className="fst-italic link-dark link-opacity-75 link-opacity-100-hover"
href={url} href={url}
title={url} title={url}
rel={relTags} rel={relTags}