fix some old shit :3

This commit is contained in:
hexlocation 2024-08-09 19:50:42 +00:00
parent 5030dee27e
commit d1e1f5cf0f
No known key found for this signature in database
GPG key ID: A19EFFAAF8C00FCF
3 changed files with 30 additions and 8 deletions

1
.gitignore vendored Normal file
View file

@ -0,0 +1 @@
keycloak-*

View file

@ -8,12 +8,12 @@
<#if realm.password> <#if realm.password>
<form id="kc-form-login" onsubmit="login.disabled = true; return true;" action="${url.loginAction}" method="post"> <form id="kc-form-login" onsubmit="login.disabled = true; return true;" action="${url.loginAction}" method="post">
<#if !usernameHidden??> <#if !usernameHidden??>
<div class="${properties.kcFormGroupClass!}"> <div class="${properties.kcFormGroupClass!} user-line">
<label id="user-label" for="username" class="${properties.kcLabelClass!}"><#if !realm.loginWithEmailAllowed>${msg("username")}<#elseif !realm.registrationEmailAsUsername>${msg("usernameOrEmail")}<#else>${msg("email")}</#if></label> <label id="user-label" for="username" class="${properties.kcLabelClass!}"><#if !realm.loginWithEmailAllowed>${msg("username")}<#elseif !realm.registrationEmailAsUsername>${msg("usernameOrEmail")}<#else>${msg("email")}</#if></label>
[ <input tabindex="2" id="username" class="${properties.kcInputClass!}" name="username" value="${(login.username!'')}" type="text" autofocus autocomplete="username" <span class="nwrap">[ <input tabindex="2" id="username" class="${properties.kcInputClass!}" name="username" value="${(login.username!'')}" type="text" autofocus autocomplete="username"
aria-invalid="<#if messagesPerField.existsError('username','password')>true</#if>" aria-invalid="<#if messagesPerField.existsError('username','password')>true</#if>"
/> ] /> ]</span>
<#if messagesPerField.existsError('username','password')> <#if messagesPerField.existsError('username','password')>
<span id="input-error" class="${properties.kcInputErrorMessageClass!}" aria-live="polite"> <span id="input-error" class="${properties.kcInputErrorMessageClass!}" aria-live="polite">
@ -25,13 +25,13 @@
</#if> </#if>
<div class="break"></div> <div class="break"></div>
<div class="${properties.kcFormGroupClass!}"> <div class="${properties.kcFormGroupClass!} pass-line">
<label id="pw-label" for="password" class="${properties.kcLabelClass!}">${msg("password")}</label> <label id="pw-label" for="password" class="${properties.kcLabelClass!}">${msg("password")}</label>
<!--<div class="${properties.kcInputGroup!}">--> <!--<div class="${properties.kcInputGroup!}">-->
[ <input tabindex="3" id="password" class="${properties.kcInputClass!}" name="password" type="password" autocomplete="current-password" <span class="nwrap">[ <input tabindex="3" id="password" class="${properties.kcInputClass!}" name="password" type="password" autocomplete="current-password"
aria-invalid="<#if messagesPerField.existsError('username','password')>true</#if>" aria-invalid="<#if messagesPerField.existsError('username','password')>true</#if>"
/> ] /> ]</span>
<!-- <!--
<button class="${properties.kcFormPasswordVisibilityButtonClass!}" type="button" aria-label="${msg("showPassword")}" <button class="${properties.kcFormPasswordVisibilityButtonClass!}" type="button" aria-label="${msg("showPassword")}"
aria-controls="password" data-password-toggle tabindex="4" aria-controls="password" data-password-toggle tabindex="4"

View file

@ -3,6 +3,13 @@
opacity: 1; opacity: 1;
} }
} }
.nwrap {
white-space: nowrap;
overflow: hidden;
text-align: right;
float: right;
clear: both;
}
:root { :root {
--term-color: #4AF626; --term-color: #4AF626;
} }
@ -49,6 +56,21 @@ input[type="submit"]:hover {
background-color: var(--term-color); background-color: var(--term-color);
color: black; color: black;
} }
#kc-page-title {
font-size: 2.5vw;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
display: block;
line-height: 1em; /* a */
max-height: 2em; /* a x number of line to show (ex : 2 line) */
}
.user-line, .pass-line, .nwrap input {
font-size: 0.9vw;
}
#kc-header-wrapper {
display:none;
}
input[type="submit"] { input[type="submit"] {
transition: 0.3s; transition: 0.3s;
text-align: center; text-align: center;
@ -58,8 +80,7 @@ input[type="submit"] {
background: none; background: none;
color: var(--term-color); color: var(--term-color);
} }
#pw-label, #user-label { .nwrap input {
margin-right: 30%;
} }
label {display: inline;} label {display: inline;}
input[type="text"]:focus, input[type="text"]:active, input[type="text"], input[type="password"]:focus, input[type="password"]:active, input[type="password"] { input[type="text"]:focus, input[type="text"]:active, input[type="text"], input[type="password"]:focus, input[type="password"]:active, input[type="password"] {