diff --git a/public/helpbuild/linkedin.svg b/public/helpbuild/linkedin.svg new file mode 100644 index 0000000..9bc2680 --- /dev/null +++ b/public/helpbuild/linkedin.svg @@ -0,0 +1,74 @@ + + + + + + + + + + + Sign in with LinkedIn + + + + + + + diff --git a/public/helpbuild/theme.css b/public/helpbuild/theme.css index e85e504..eb0bf5f 100644 --- a/public/helpbuild/theme.css +++ b/public/helpbuild/theme.css @@ -55,24 +55,24 @@ div#kc-registration span a:hover { font-size: 18px; } -#social-linkedin-openid-connect::before { - content: url('data:image/svg+xml;utf8,'); - display: inline-block; - width: 60px; - height: 60px; - vertical-align: middle; -} +/*#social-linkedin-openid-connect::before {*/ +/* content: url('data:image/svg+xml;utf8,');*/ +/* display: inline-block;*/ +/* width: 60px;*/ +/* height: 60px;*/ +/* vertical-align: middle;*/ +/*}*/ -.kc-social-provider-name { - visibility: hidden; - position: relative; -} +/*.kc-social-provider-name {*/ +/* visibility: hidden;*/ +/* position: relative;*/ +/*}*/ -.kc-social-provider-name::after { - content: 'Sign in with LinkedIn'; - visibility: visible; - position: absolute; - top: 0; - left: 0; -} +/*.kc-social-provider-name::after {*/ +/* content: 'Sign in with LinkedIn';*/ +/* visibility: visible;*/ +/* position: absolute;*/ +/* top: 0;*/ +/* left: 0;*/ +/*}*/ diff --git a/public/helpbuild/theme.js b/public/helpbuild/theme.js index 581df1b..396d630 100644 --- a/public/helpbuild/theme.js +++ b/public/helpbuild/theme.js @@ -4,3 +4,20 @@ if (privacyPolicy) { privacyPolicy.innerHTML = 'By signing up you agree to the Helpbuild Privacy Policy' } +// Get the anchor element +var anchor = document.getElementById('social-linkedin-openid-connect'); + +// Create an img element for the SVG +var img = document.createElement('img'); +img.src = 'linkedin.svg'; // Replace with your SVG file path +img.width = 60; +img.height = 60; + +// Insert the img at the beginning of the anchor element +anchor.insertBefore(img, anchor.firstChild); + +// Get the span element +var span = anchor.getElementsByClassName('kc-social-provider-name')[0]; + +// Change the text of the span +span.textContent = 'Sign in with LinkedIn';