Adhere to HTML standard when using ul-element (#20243)

Closes #20250
This commit is contained in:
Jay Linski 2023-05-16 21:46:36 +02:00 committed by GitHub
parent 508e6f5e50
commit 776984188f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 10 deletions

View file

@ -87,6 +87,7 @@
<ul class="${properties.kcFormSocialAccountListClass!} <#if social.providers?size gt 3>${properties.kcFormSocialAccountListGridClass!}</#if>">
<#list social.providers as p>
<li>
<a id="social-${p.alias}" class="${properties.kcFormSocialAccountListButtonClass!} <#if social.providers?size gt 3>${properties.kcFormSocialAccountGridItem!}</#if>"
type="button" href="${p.loginUrl}">
<#if p.iconClasses?has_content>
@ -96,6 +97,7 @@
<span class="${properties.kcFormSocialAccountNameClass!}">${p.displayName!}</span>
</#if>
</a>
</li>
</#list>
</ul>
</div>

View file

@ -253,6 +253,10 @@ ul#kc-totp-supported-apps {
margin-top: 20px;
}
.kc-social-links li {
width: 100%;
}
.kc-social-provider-logo {
font-size: 23px;
width: 30px;
@ -272,7 +276,6 @@ ul#kc-totp-supported-apps {
.kc-social-provider-name {
position: relative;
top: 3px;
}
.kc-social-icon-text {