LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-25 22:01:13 +00:00
Code Issues Projects Releases Wiki Activity

Fix post/comment badge colors to be more muted (fixes #1511)

Browse source
This commit is contained in:
Felix Ableitner 2023-06-23 10:03:48 +02:00
parent 9040e2f157
commit bc288274a8
4 changed files with 11 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
lemmy-translations

@ -1 +1 @@
Subproject commit a241fe1255a6363c7ae1ec5a09520c066745e6ce
Subproject commit ddf0d3a4dcfba5eddbcdb702db2470b52abb3815

4
src/assets/css/themes/darkly.css
View file

@ -4716,14 +4716,14 @@ textarea.form-control-lg {
--bs-badge-padding-y: 0.35em;
--bs-badge-font-size: 0.75em;
--bs-badge-font-weight: 700;
--bs-badge-color: #fff;
--bs-badge-color: #888;
--bs-badge-border-radius: var(--bs-border-radius);
display: inline-block;
padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
font-size: var(--bs-badge-font-size);
font-weight: var(--bs-badge-font-weight);
line-height: 1;
color: var(--bs-badge-color);
color: #888;
text-align: center;
white-space: nowrap;
vertical-align: baseline;

8
src/shared/components/comment/comment-node.tsx
View file

@ -317,17 +317,17 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
</div>
)}
{isMod_ && (
<div className="badge text-bg-light d-none d-sm-inline me-2">
<div className="badge d-none d-sm-inline me-2">
{I18NextService.i18n.t("mod")}
</div>
)}
{isAdmin_ && (
<div className="badge text-bg-light d-none d-sm-inline me-2">
<div className="badge d-none d-sm-inline me-2">
{I18NextService.i18n.t("admin")}
</div>
)}
{cv.creator.bot_account && (
<div className="badge text-bg-light d-none d-sm-inline me-2">
<div className="badge d-none d-sm-inline me-2">
{I18NextService.i18n.t("bot_account").toLowerCase()}
</div>
)}
@ -343,7 +343,7 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
)}
{this.linkBtn(true)}
{cv.comment.language_id !== 0 && (
<span className="badge text-bg-light d-none d-sm-inline me-2">
<span className="badge d-none d-sm-inline me-2">
{
this.props.allLanguages.find(
lang => lang.id === cv.comment.language_id

12
src/shared/components/post/post-listing.tsx
View file

@ -384,17 +384,13 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<span className="small">
<PersonListing person={post_view.creator} />
{this.creatorIsMod_ && (
<span className="mx-1 badge text-bg-light">
{I18NextService.i18n.t("mod")}
</span>
<span className="mx-1 badge">{I18NextService.i18n.t("mod")}</span>
)}
{this.creatorIsAdmin_ && (
<span className="mx-1 badge text-bg-light">
{I18NextService.i18n.t("admin")}
</span>
<span className="mx-1 badge">{I18NextService.i18n.t("admin")}</span>
)}
{post_view.creator.bot_account && (
<span className="mx-1 badge text-bg-light">
<span className="mx-1 badge">
{I18NextService.i18n.t("bot_account").toLowerCase()}
</span>
)}
@ -406,7 +402,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
</>
)}
{post_view.post.language_id !== 0 && (
<span className="mx-1 badge text-bg-light">
<span className="mx-1 badge">
{
this.props.allLanguages.find(
lang => lang.id === post_view.post.language_id