Red + bold error

Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>
This commit is contained in:
RMidhunSuresh 2021-08-20 21:41:42 +05:30
parent a2677a6400
commit 55da58893b
5 changed files with 8 additions and 7 deletions

View File

@ -96,7 +96,3 @@ limitations under the License.
.LoginView_sso { .LoginView_sso {
padding: 0.4em 0.4em 0; padding: 0.4em 0.4em 0;
} }
.LoginView_error {
padding: 0.4em
}

View File

@ -161,6 +161,11 @@ a.button-action {
background-image: url('icons/disable-grid.svg'); background-image: url('icons/disable-grid.svg');
} }
.error {
color: #f00;
font-weight: 600;
}
.FilterField { .FilterField {
background-image: url('icons/search.svg'); background-image: url('icons/search.svg');
background-repeat: no-repeat; background-repeat: no-repeat;

View File

@ -22,7 +22,7 @@ export class CompleteSSOView extends TemplateView {
return t.div({ className: "CompleteSSOView" }, return t.div({ className: "CompleteSSOView" },
[ [
t.p({ className: "CompleteSSOView_title" }, "Finishing up your SSO Login"), t.p({ className: "CompleteSSOView_title" }, "Finishing up your SSO Login"),
t.if(vm => vm.errorMessage, (t, vm) => t.p({className: "CompleteSSOView_error"}, vm.i18n(vm.errorMessage))), t.if(vm => vm.errorMessage, (t, vm) => t.p({className: "error"}, vm.i18n(vm.errorMessage))),
t.mapView(vm => vm.loadViewModel, loadViewModel => loadViewModel ? new SessionLoadStatusView(loadViewModel) : null), t.mapView(vm => vm.loadViewModel, loadViewModel => loadViewModel ? new SessionLoadStatusView(loadViewModel) : null),
] ]
); );

View File

@ -29,7 +29,7 @@ export class LoginView extends TemplateView {
t.mapView(vm => vm.completeSSOLoginViewModel, vm => vm ? new CompleteSSOView(vm) : null), t.mapView(vm => vm.completeSSOLoginViewModel, vm => vm ? new CompleteSSOView(vm) : null),
t.if(vm => vm.showHomeserver, (t, vm) => t.div({ className: "LoginView_sso form form-row" }, t.if(vm => vm.showHomeserver, (t, vm) => t.div({ className: "LoginView_sso form form-row" },
[ [
t.if(vm => vm.errorMessage, (t, vm) => t.p({className: "LoginView_error"}, vm.i18n(vm.errorMessage))), t.if(vm => vm.errorMessage, (t, vm) => t.p({className: "error"}, vm.i18n(vm.errorMessage))),
t.label({for: "homeserver"}, vm.i18n`Homeserver`), t.label({for: "homeserver"}, vm.i18n`Homeserver`),
t.input({ t.input({
id: "homeserver", id: "homeserver",

View File

@ -40,7 +40,7 @@ export class PasswordLoginView extends TemplateView {
vm.login(username.value, password.value); vm.login(username.value, password.value);
} }
}, [ }, [
t.if(vm => vm.errorMessage, (t, vm) => t.p({className: "PasswordLoginView_error"}, vm.i18n(vm.errorMessage))), t.if(vm => vm.errorMessage, (t, vm) => t.p({className: "error"}, vm.i18n(vm.errorMessage))),
t.div({ className: "form-row" }, [t.label({ for: "username" }, vm.i18n`Username`), username]), t.div({ className: "form-row" }, [t.label({ for: "username" }, vm.i18n`Username`), username]),
t.div({ className: "form-row" }, [t.label({ for: "password" }, vm.i18n`Password`), password]), t.div({ className: "form-row" }, [t.label({ for: "password" }, vm.i18n`Password`), password]),
t.div({ className: "button-row" }, [ t.div({ className: "button-row" }, [