agtic/keycloak_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bugfix: with kcHtmlClass

Browse Source
This commit is contained in:
Joseph Garrone
2021-03-20 02:54:15 +01:00
parent b72971f4ce
commit 6b24c5878c
1 changed files with 22 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/lib/components/Template.tsx
View File

@ -114,9 +114,13 @@ export const Template = memo((props: TemplateProps) => {
}) })
); );
document.getElementsByTagName("html")[0] if (props.kcHtmlClass !== undefined) {
.classList
.add(cx(props.kcHtmlClass)); document.getElementsByTagName("html")[0]
.classList
.add(...cx(props.kcHtmlClass).split(" "));
}
return () => { isUnmounted = true; }; return () => { isUnmounted = true; };
@ -152,7 +156,7 @@ export const Template = memo((props: TemplateProps) => {
<ul> <ul>
{ {
locale.supported.map( locale.supported.map(
({ languageTag }) => ({ languageTag }) =>
<li key={languageTag} className="kc-dropdown-item"> <li key={languageTag} className="kc-dropdown-item">
<a href="#" onClick={onChangeLanguageClickFactory(languageTag)}> <a href="#" onClick={onChangeLanguageClickFactory(languageTag)}>
{getKcLanguageTagLabel(languageTag)} {getKcLanguageTagLabel(languageTag)}
@ -218,21 +222,21 @@ export const Template = memo((props: TemplateProps) => {
</div> </div>
</div> </div>
) : ( ) : (
<> <>
{showUsernameNode} {showUsernameNode}
<div className={cx(props.kcFormGroupClass)}> <div className={cx(props.kcFormGroupClass)}>
<div id="kc-username"> <div id="kc-username">
<label id="kc-attempted-username">{auth?.attemptedUsername}</label> <label id="kc-attempted-username">{auth?.attemptedUsername}</label>
<a id="reset-login" href={url.loginRestartFlowUrl}> <a id="reset-login" href={url.loginRestartFlowUrl}>
<div className="kc-login-tooltip"> <div className="kc-login-tooltip">
<i className={cx(props.kcResetFlowIcon)}></i> <i className={cx(props.kcResetFlowIcon)}></i>
<span className="kc-tooltip-text">{msg("restartLoginTooltip")}</span> <span className="kc-tooltip-text">{msg("restartLoginTooltip")}</span>
</div> </div>
</a> </a>
</div>
</div> </div>
</> </div>
) </>
)
) )
} }
</header> </header>