LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-26 06:11:15 +00:00
Code Issues Projects Releases Wiki Activity

feat(UI): Fix some link hover colors

Browse source
This commit is contained in:
Jay Sitter 2023-06-25 17:18:25 -04:00
parent 973bab1313
commit 937dd5f86a
2 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/assets/css/main.css
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;
} }

14
src/shared/components/post/post-listing.tsx
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}