Changes to language tag

- Dont use bright white color because its not that important
- Hide tag in case of undetermined (doesnt add any information)

lemmy-translations

@@ -1 +1 @@
-Subproject commit a1fff8b481f4b02327e4ee04088606af627628f2
+Subproject commit 007e53683768aeba63e9e4c179c1d240217bcee2

src/shared/components/comment/comment-node.tsx

@@ -283,13 +283,15 @@ export class CommentNode extends Component<CommentNodeProps, CommentNodeState> {
                 )}
               </button>
               {this.linkBtn(true)}
-              <span className="mx-1 badge badge-secondary">
+              {cv.comment.language_id != 0 && (
-                {
+                <span className="">
-                  this.props.allLanguages.find(
+                  {
-                    lang => lang.id === cv.comment.language_id
+                    this.props.allLanguages.find(
-                  )?.name
+                      lang => lang.id === cv.comment.language_id
-                }
+                    )?.name
-              </span>
+                  }
+                </span>
+              )}
               {/* This is an expanding spacer for mobile */}
               <div className="mr-lg-5 flex-grow-1 flex-lg-grow-0 unselectable pointer mx-2" />
               {showScores() && (

src/shared/components/post/post-listing.tsx

@@ -344,13 +344,15 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
             </span>
           )}
         </li>
-        <span className="mx-1 badge badge-secondary">
+        {post_view.post.language_id != 0 && (
-          {
+          <span className="list-inline-item">
-            this.props.allLanguages.find(
+            {
-              lang => lang.id === post_view.post.language_id
+              this.props.allLanguages.find(
-            )?.name
+                lang => lang.id === post_view.post.language_id
-          }
+              )?.name
-        </span>
+            }
+          </span>
+        )}
         <li className="list-inline-item">•</li>
         {url && !(hostname(url) === getExternalHost()) && (
           <>