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

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

View File

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

View File

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