safebox/guacamole-client
4
0
Fork 0
mirror of https://github.com/gyurix1968/guacamole-client.git synced 2025-09-06 13:17:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

GUACAMOLE-1364: Correct rendering of SSO provider list during invalid login animation.

Browse Source 
The SSO provider list unexpectedly shrinks when the invalid login
"shake" animation plays due to the use of "display: table-row" vs. the
login form's own use of "display: table-cell". Migrating the SSO
provider list to a simple absolutely-positioned div corrects this and
matches the way the Guacamole version is rendered.
This commit is contained in:
Michael Jumper
2021-12-26 00:00:24 -08:00
parent 014d692567
commit f1e9ee6876
2 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
extensions/guacamole-auth-sso/modules/guacamole-auth-sso-base/src/main/resources/html/sso-providers.html
View File

@@ -1,7 +1,5 @@
<meta name="after" content=".login-ui .login-dialog-middle"> <meta name="after" content=".login-ui .login-dialog-middle">
<div class="sso-providers"> <div class="sso-providers">
<div class="sso-providers-content"> {{ 'LOGIN.SECTION_HEADER_SSO_OPTIONS' | translate }}
{{ 'LOGIN.SECTION_HEADER_SSO_OPTIONS' | translate }} <ul class="sso-provider-list"></ul>
<ul class="sso-provider-list"></ul>
</div>
</div> </div>

15
extensions/guacamole-auth-sso/modules/guacamole-auth-sso-base/src/main/resources/styles/sso-providers.css
View File

@@ -18,11 +18,18 @@
*/ */
.login-ui .sso-providers { .login-ui .sso-providers {
padding: 0.25em 0.5em;
position: absolute;
bottom: 0;
left: 0;
display: none; display: none;
} }
.login-ui .sso-providers:last-child { .login-ui .sso-providers:last-child {
display: table-row; display: block;
} }
.sso-providers ul { .sso-providers ul {
@@ -42,9 +49,3 @@
.sso-providers li:first-child::before { .sso-providers li:first-child::before {
display: none; display: none;
} }
.sso-providers-content {
display: table-cell;
padding: 0.25em 0.5em;
height: 1px;
}