Merge branch 'main' into default-pfp

This commit is contained in:
Dessalines 2023-06-17 07:57:13 -04:00 committed by GitHub
commit a63ee58cf8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 42 additions and 15 deletions

View file

@ -1,2 +1,2 @@
@import "variables.darkly-red"; @import "variables.darkly-red";
@import "bootstrap-v4/scss/bootstrap"; @import "../../../../node_modules/bootstrap-v4/scss/bootstrap";

View file

@ -1,2 +1,2 @@
@import "variables.darkly"; @import "variables.darkly";
@import "bootstrap-v4/scss/bootstrap"; @import "../../../../node_modules/bootstrap-v4/scss/bootstrap";

View file

@ -1,2 +1,2 @@
@import "variables.litely-red"; @import "variables.litely-red";
@import "bootstrap-v4/scss/bootstrap"; @import "../../../../node_modules/bootstrap-v4/scss/bootstrap";

View file

@ -1,2 +1,2 @@
@import "variables.litely"; @import "variables.litely";
@import "bootstrap-v4/scss/bootstrap"; @import "../../../../node_modules/bootstrap-v4/scss/bootstrap";

View file

@ -224,11 +224,14 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
)} )}
<li className="nav-item"> <li className="nav-item">
<a <a
className="nav-link" className="nav-link d-inline-flex align-items-center d-md-inline-block"
title={i18n.t("support_lemmy")} title={i18n.t("support_lemmy")}
href={donateLemmyUrl} href={donateLemmyUrl}
> >
<Icon icon="heart" classes="small" /> <Icon icon="heart" classes="small" />
<span className="d-inline ml-1 d-md-none ml-md-0">
{i18n.t("support_lemmy")}
</span>
</a> </a>
</li> </li>
</ul> </ul>
@ -236,22 +239,28 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
<li id="navSearch" className="nav-item"> <li id="navSearch" className="nav-item">
<NavLink <NavLink
to="/search" to="/search"
className="nav-link" className="nav-link d-inline-flex align-items-center d-md-inline-block"
title={i18n.t("search")} title={i18n.t("search")}
onMouseUp={linkEvent(this, handleCollapseClick)} onMouseUp={linkEvent(this, handleCollapseClick)}
> >
<Icon icon="search" /> <Icon icon="search" />
<span className="d-inline ml-1 d-md-none ml-md-0">
{i18n.t("search")}
</span>
</NavLink> </NavLink>
</li> </li>
{amAdmin() && ( {amAdmin() && (
<li id="navAdmin" className="nav-item"> <li id="navAdmin" className="nav-item">
<NavLink <NavLink
to="/admin" to="/admin"
className="nav-link" className="nav-link d-inline-flex align-items-center d-md-inline-block"
title={i18n.t("admin_settings")} title={i18n.t("admin_settings")}
onMouseUp={linkEvent(this, handleCollapseClick)} onMouseUp={linkEvent(this, handleCollapseClick)}
> >
<Icon icon="settings" /> <Icon icon="settings" />
<span className="d-inline ml-1 d-md-none ml-md-0">
{i18n.t("admin_settings")}
</span>
</NavLink> </NavLink>
</li> </li>
)} )}
@ -259,7 +268,7 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
<> <>
<li id="navMessages" className="nav-item"> <li id="navMessages" className="nav-item">
<NavLink <NavLink
className="nav-link" className="nav-link d-inline-flex align-items-center d-md-inline-block"
to="/inbox" to="/inbox"
title={i18n.t("unread_messages", { title={i18n.t("unread_messages", {
count: Number(this.unreadInboxCount), count: Number(this.unreadInboxCount),
@ -268,6 +277,12 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
onMouseUp={linkEvent(this, handleCollapseClick)} onMouseUp={linkEvent(this, handleCollapseClick)}
> >
<Icon icon="bell" /> <Icon icon="bell" />
<span className="badge badge-light d-inline ml-1 d-md-none ml-md-0">
{i18n.t("unread_messages", {
count: Number(this.unreadInboxCount),
formattedCount: numToSI(this.unreadInboxCount),
})}
</span>
{this.unreadInboxCount > 0 && ( {this.unreadInboxCount > 0 && (
<span className="mx-1 badge badge-light"> <span className="mx-1 badge badge-light">
{numToSI(this.unreadInboxCount)} {numToSI(this.unreadInboxCount)}
@ -278,7 +293,7 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
{this.moderatesSomething && ( {this.moderatesSomething && (
<li id="navModeration" className="nav-item"> <li id="navModeration" className="nav-item">
<NavLink <NavLink
className="nav-link" className="nav-link d-inline-flex align-items-center d-md-inline-block"
to="/reports" to="/reports"
title={i18n.t("unread_reports", { title={i18n.t("unread_reports", {
count: Number(this.unreadReportCount), count: Number(this.unreadReportCount),
@ -287,6 +302,12 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
onMouseUp={linkEvent(this, handleCollapseClick)} onMouseUp={linkEvent(this, handleCollapseClick)}
> >
<Icon icon="shield" /> <Icon icon="shield" />
<span className="badge badge-light d-inline ml-1 d-md-none ml-md-0">
{i18n.t("unread_reports", {
count: Number(this.unreadReportCount),
formattedCount: numToSI(this.unreadReportCount),
})}
</span>
{this.unreadReportCount > 0 && ( {this.unreadReportCount > 0 && (
<span className="mx-1 badge badge-light"> <span className="mx-1 badge badge-light">
{numToSI(this.unreadReportCount)} {numToSI(this.unreadReportCount)}
@ -299,7 +320,7 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
<li id="navApplications" className="nav-item"> <li id="navApplications" className="nav-item">
<NavLink <NavLink
to="/registration_applications" to="/registration_applications"
className="nav-link" className="nav-link d-inline-flex align-items-center d-md-inline-block"
title={i18n.t("unread_registration_applications", { title={i18n.t("unread_registration_applications", {
count: Number(this.unreadApplicationCount), count: Number(this.unreadApplicationCount),
formattedCount: numToSI(this.unreadApplicationCount), formattedCount: numToSI(this.unreadApplicationCount),
@ -307,6 +328,12 @@ export class Navbar extends Component<NavbarProps, NavbarState> {
onMouseUp={linkEvent(this, handleCollapseClick)} onMouseUp={linkEvent(this, handleCollapseClick)}
> >
<Icon icon="clipboard" /> <Icon icon="clipboard" />
<span className="badge badge-light d-inline ml-1 d-md-none ml-md-0">
{i18n.t("unread_registration_applications", {
count: Number(this.unreadApplicationCount),
formattedCount: numToSI(this.unreadApplicationCount),
})}
</span>
{this.unreadApplicationCount > 0 && ( {this.unreadApplicationCount > 0 && (
<span className="mx-1 badge badge-light"> <span className="mx-1 badge badge-light">
{numToSI(this.unreadApplicationCount)} {numToSI(this.unreadApplicationCount)}

View file

@ -1,6 +1,6 @@
// Custom css // Custom css
@import "tributejs/dist/tribute.css"; @import "../../../../node_modules/tributejs/dist/tribute.css";
@import "toastify-js/src/toastify.css"; @import "../../../../node_modules/toastify-js/src/toastify.css";
@import "tippy.js/dist/tippy.css"; @import "../../../../node_modules/tippy.js/dist/tippy.css";
@import "bootstrap/dist/css/bootstrap-utilities.min.css"; @import "../../../../node_modules/bootstrap/dist/css/bootstrap-utilities.min.css";
@import "../../../assets/css/main.css"; @import "../../../assets/css/main.css";

View file

@ -210,7 +210,7 @@ export class MarkdownTextArea extends Component<
<textarea <textarea
id={this.id} id={this.id}
className={classNames( className={classNames(
"form-control border-0 rounded-bottom", "form-control border-0 rounded-top-0 rounded-bottom",
{ {
"d-none": this.state.previewMode, "d-none": this.state.previewMode,
} }