Fix warning css class, fix message padding

This commit is contained in:
Felix Ableitner 2022-01-27 17:32:59 +01:00
parent c3c58331c6
commit 15442ecd55
3 changed files with 11 additions and 8 deletions

View file

@ -85,7 +85,7 @@ export class CommentForm extends Component<CommentFormProps, CommentFormState> {
placeholder={i18n.t("comment_here")} placeholder={i18n.t("comment_here")}
/> />
) : ( ) : (
<div class="alert alert-light" role="alert"> <div class="alert alert-warning" role="alert">
<Icon icon="alert-triangle" classes="icon-inline mr-2" /> <Icon icon="alert-triangle" classes="icon-inline mr-2" />
<T i18nKey="must_login" class="d-inline"> <T i18nKey="must_login" class="d-inline">
# #

View file

@ -118,6 +118,7 @@ export class Signup extends Component<any, State> {
} }
get isLemmyMl(): boolean { get isLemmyMl(): boolean {
return true;
return isBrowser() && window.location.hostname == "lemmy.ml"; return isBrowser() && window.location.hostname == "lemmy.ml";
} }
@ -140,15 +141,17 @@ export class Signup extends Component<any, State> {
<form onSubmit={linkEvent(this, this.handleRegisterSubmit)}> <form onSubmit={linkEvent(this, this.handleRegisterSubmit)}>
<h5>{this.titleName}</h5> <h5>{this.titleName}</h5>
<div class="form-group row"> {this.isLemmyMl && (
{this.isLemmyMl && ( <div class="form-group row">
<div class="mt-2 mb-0 alert alert-light" role="alert"> <div class="mt-2 mb-0 alert alert-warning" role="alert">
<T i18nKey="lemmy_ml_registration_message"> <T i18nKey="lemmy_ml_registration_message">
#<a href={joinLemmyUrl}>#</a> #<a href={joinLemmyUrl}>#</a>
</T> </T>
</div> </div>
)} </div>
)}
<div class="form-group row">
<label class="col-sm-2 col-form-label" htmlFor="register-username"> <label class="col-sm-2 col-form-label" htmlFor="register-username">
{i18n.t("username")} {i18n.t("username")}
</label> </label>
@ -190,7 +193,7 @@ export class Signup extends Component<any, State> {
/> />
{!this.state.site_view.site.require_email_verification && {!this.state.site_view.site.require_email_verification &&
!validEmail(this.state.registerForm.email) && ( !validEmail(this.state.registerForm.email) && (
<div class="mt-2 mb-0 alert alert-light" role="alert"> <div class="mt-2 mb-0 alert alert-warning" role="alert">
<Icon icon="alert-triangle" classes="icon-inline mr-2" /> <Icon icon="alert-triangle" classes="icon-inline mr-2" />
{i18n.t("no_password_reset")} {i18n.t("no_password_reset")}
</div> </div>
@ -247,7 +250,7 @@ export class Signup extends Component<any, State> {
<> <>
<div class="form-group row"> <div class="form-group row">
<div class="offset-sm-2 col-sm-10"> <div class="offset-sm-2 col-sm-10">
<div class="mt-2 alert alert-light" role="alert"> <div class="mt-2 alert alert-warning" role="alert">
<Icon icon="alert-triangle" classes="icon-inline mr-2" /> <Icon icon="alert-triangle" classes="icon-inline mr-2" />
{i18n.t("fill_out_application")} {i18n.t("fill_out_application")}
</div> </div>

View file

@ -1,6 +1,6 @@
import { isBrowser } from "./utils"; import { isBrowser } from "./utils";
const testHost = "localhost:8536"; const testHost = "127.0.0.1:8536";
let internalHost = let internalHost =
(!isBrowser() && process.env.LEMMY_INTERNAL_HOST) || testHost; // used for local dev (!isBrowser() && process.env.LEMMY_INTERNAL_HOST) || testHost; // used for local dev