Add new styles to login #1

Merged
decentral1se merged 4 commits from em_add-login-styles into main 2022-01-13 07:23:51 +00:00
4 changed files with 39 additions and 15 deletions
Showing only changes of commit de7d036baa - Show all commits

View File

@ -57,7 +57,7 @@
<div id="kc-form-buttons" class="${properties.kcFormGroupClass!}"> <div id="kc-form-buttons" class="${properties.kcFormGroupClass!}">
<input type="hidden" id="id-hidden-input" name="credentialId" <#if auth.selectedCredential?has_content>value="${auth.selectedCredential}"</#if>/> <input type="hidden" id="id-hidden-input" name="credentialId" <#if auth.selectedCredential?has_content>value="${auth.selectedCredential}"</#if>/>
<input tabindex="4" class="${properties.kcButtonClass!} ${properties.kcButtonPrimaryClass!} ${properties.kcButtonBlockClass!} ${properties.kcButtonLargeClass!}" name="login" id="kc-login" type="submit" value="${msg("doLogIn")}"/> <input tabindex="4" class="login-button" name="login" id="kc-login" type="submit" value="${msg("doLogIn")}"/>
</div> </div>
</form> </form>
</#if> </#if>

View File

@ -1,4 +1,4 @@
doLogIn=Sign In doLogIn=sign in
doRegister=Register doRegister=Register
doCancel=Cancel doCancel=Cancel
doSubmit=Submit doSubmit=Submit
@ -58,14 +58,14 @@ consentDenied=Consent denied.
noAccount=New user? noAccount=New user?
username=Username username=Username
usernameOrEmail=Username or email usernameOrEmail=username or email
firstName=First name firstName=First name
givenName=Given name givenName=Given name
fullName=Full name fullName=Full name
lastName=Last name lastName=Last name
familyName=Family name familyName=Family name
email=Email email=Email
password=Password password=password
passwordConfirm=Confirm password passwordConfirm=Confirm password
passwordNew=New Password passwordNew=New Password
passwordNewConfirm=New Password confirmation passwordNewConfirm=New Password confirmation

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 29 KiB

View File

@ -20,11 +20,6 @@ a {
display: flex; display: flex;
} }
/* .card-pf #kc-content #kc-content-wrapper { */
/* padding: 1em; */
/* */
/* } */
/*Login form */ /*Login form */
.login-pf-header { .login-pf-header {
@ -39,6 +34,7 @@ a {
display: inline-block; display: inline-block;
height: 100%; height: 100%;
vertical-align: bottom; vertical-align: bottom;
padding: 2em 0em 1em 1em;
} }
#kc-form-wrapper { #kc-form-wrapper {
@ -78,12 +74,12 @@ a {
} }
.form-group label { .form-group label {
font-weight: bold; padding-bottom: 0.5em;
padding: 0.5em;
} }
#kc-form-buttons { #kc-form-buttons {
all: unset; all: unset;
display: inline-block;
width: 100%; width: 100%;
height: 2em; height: 2em;
align-self: center; align-self: center;
@ -91,6 +87,17 @@ a {
border-top: 2px solid black; border-top: 2px solid black;
} }
.login-button {
all: unset;
display: block;
border: none;
color: #FFFFFF;
font-size: 1em;
font-weight: bold;
margin: auto;
padding: 0.3em;
}
.pf-c-form-control { .pf-c-form-control {
border: none; border: none;
padding: 5px 5px 5px 5px; padding: 5px 5px 5px 5px;
@ -184,11 +191,12 @@ div#kc-username:before{
@media screen and (max-width: 530px) { @media screen and (max-width: 530px) {
#kc-page-title { #kc-page-title {
border: unset; border: unset;
} }
#kc-register-form { #kc-register-form {
margin: unset; margin: unset;
margin-bottom: 1.5em; margin-bottom: 1.5em;
}
} }