diff options
-rw-r--r-- | ui/src/components/navbar.tsx | 2 | ||||
-rw-r--r-- | ui/src/components/post-listing.tsx | 24 | ||||
-rw-r--r-- | ui/src/css/main.css | 12 | ||||
-rw-r--r-- | ui/src/index.html | 5 |
4 files changed, 24 insertions, 19 deletions
diff --git a/ui/src/components/navbar.tsx b/ui/src/components/navbar.tsx index 06bf338b..732527d7 100644 --- a/ui/src/components/navbar.tsx +++ b/ui/src/components/navbar.tsx @@ -103,7 +103,7 @@ export class Navbar extends Component<any, NavbarState> { <> { <li className="nav-item"> - <Link class="inbox nav-link" to="/inbox"> + <Link class="nav-link" to="/inbox"> <svg class="icon"><use xlinkHref="#icon-mail"></use></svg> {this.state.unreadCount> 0 && <span class="ml-1 badge badge-light">{this.state.unreadCount}</span>} </Link> diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx index ca03b980..14f2ee85 100644 --- a/ui/src/components/post-listing.tsx +++ b/ui/src/components/post-listing.tsx @@ -84,18 +84,6 @@ export class PostListing extends Component<PostListingProps, PostListingState> { <a className="ml-2 text-muted font-italic" href={post.url} target="_blank" title={post.url}>{(new URL(post.url)).hostname}</a> </small> } - {post.removed && - <small className="ml-2 text-muted font-italic"><T i18nKey="removed">#</T></small> - } - {post.deleted && - <small className="ml-2 text-muted font-italic"><T i18nKey="deleted">#</T></small> - } - {post.locked && - <small className="ml-2 text-muted font-italic"><T i18nKey="locked">#</T></small> - } - {post.nsfw && - <small className="ml-2 text-muted font-italic"><T i18nKey="nsfw">#</T></small> - } { post.url && isImage(post.url) && <> { !this.state.imageExpanded @@ -110,6 +98,18 @@ export class PostListing extends Component<PostListingProps, PostListingState> { } </> } + {post.removed && + <small className="ml-2 text-muted font-italic"><T i18nKey="removed">#</T></small> + } + {post.deleted && + <small className="ml-2 text-muted font-italic"><T i18nKey="deleted">#</T></small> + } + {post.locked && + <small className="ml-2 text-muted font-italic"><T i18nKey="locked">#</T></small> + } + {post.nsfw && + <small className="ml-2 text-muted font-italic"><T i18nKey="nsfw">#</T></small> + } </div> </div> <div className="details ml-4 mb-1"> diff --git a/ui/src/css/main.css b/ui/src/css/main.css index 2a65ca19..c76afd59 100644 --- a/ui/src/css/main.css +++ b/ui/src/css/main.css @@ -15,10 +15,18 @@ body, .text-white, .navbar-brand, .badge-light, .btn-secondary { color: var(--info); } +.upvote { + margin-bottom: -5px; +} + .downvote:hover { color: var(--danger); } +.downvote { + margin-top: -10px; +} + .form-control, .form-control:focus { background-color: var(--secondary); color: #fff; @@ -90,10 +98,6 @@ blockquote { padding: 0.1em 5px; } -.inbox { - margin-top: 6px; -} - .mouse-icon { margin-top: -4px; } diff --git a/ui/src/index.html b/ui/src/index.html index c510291b..b06b2df7 100644 --- a/ui/src/index.html +++ b/ui/src/index.html @@ -1,13 +1,14 @@ +<!DOCTYPE html> <html lang="en"> <head> <!-- Required meta tags --> + <meta name="Description" content="Lemmy"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="shortcut icon" type="image/svg+xml" href="/static/assets/favicon.svg" /> <link rel="apple-touch-icon" href="/static/assets/apple-touch-icon.png" /> - <link rel="stylesheet" href="/static/assets/libs/balloon-css/balloon.min.css"> - <script src="/static/assets/libs/sortable/sortable.min.js"></script> + <script async src="/static/assets/libs/sortable/sortable.min.js"></script> </head> <body> |