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,15 +87,17 @@
<ul class="${properties.kcFormSocialAccountListClass!} <#if social.providers?size gt 3>${properties.kcFormSocialAccountListGridClass!}</#if>"> <ul class="${properties.kcFormSocialAccountListClass!} <#if social.providers?size gt 3>${properties.kcFormSocialAccountListGridClass!}</#if>">
<#list social.providers as p> <#list social.providers as p>
<a id="social-${p.alias}" class="${properties.kcFormSocialAccountListButtonClass!} <#if social.providers?size gt 3>${properties.kcFormSocialAccountGridItem!}</#if>" <li>
type="button" href="${p.loginUrl}"> <a id="social-${p.alias}" class="${properties.kcFormSocialAccountListButtonClass!} <#if social.providers?size gt 3>${properties.kcFormSocialAccountGridItem!}</#if>"
<#if p.iconClasses?has_content> type="button" href="${p.loginUrl}">
<i class="${properties.kcCommonLogoIdP!} ${p.iconClasses!}" aria-hidden="true"></i> <#if p.iconClasses?has_content>
<span class="${properties.kcFormSocialAccountNameClass!} kc-social-icon-text">${p.displayName!}</span> <i class="${properties.kcCommonLogoIdP!} ${p.iconClasses!}" aria-hidden="true"></i>
<#else> <span class="${properties.kcFormSocialAccountNameClass!} kc-social-icon-text">${p.displayName!}</span>
<span class="${properties.kcFormSocialAccountNameClass!}">${p.displayName!}</span> <#else>
</#if> <span class="${properties.kcFormSocialAccountNameClass!}">${p.displayName!}</span>
</a> </#if>
</a>
</li>
</#list> </#list>
</ul> </ul>
</div> </div>

View file

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