diff --git a/docker-compose/requirements/nginx/static/javascript/profilPage/main.js b/docker-compose/requirements/nginx/static/javascript/profilPage/main.js index 451a6b3..8a11907 100644 --- a/docker-compose/requirements/nginx/static/javascript/profilPage/main.js +++ b/docker-compose/requirements/nginx/static/javascript/profilPage/main.js @@ -6,7 +6,7 @@ /* By: edbernar { + const bound = discordButton.getBoundingClientRect(); + const div = document.createElement('div'); + let boundDiv; + + div.setAttribute('class', 'discord-username-settings'); + document.body.appendChild(div); + div.style.top = `${bound.top + bound.height + 10}px`; + div.style.opacity = 0; + setTimeout(() => { + boundDiv = div.getBoundingClientRect(); + div.style.left = `${bound.left - (boundDiv.width / 2) + (bound.width / 2)}px`; + div.style.opacity = 1; + }, 10); + div.innerHTML = userInfo.discord; + }); + discordButton.addEventListener('mouseout', () => { + document.getElementsByClassName('discord-username-settings')[0].remove(); + }); + } else discordButton.remove(); } diff --git a/docker-compose/requirements/nginx/static/style/profilPage/profil.css b/docker-compose/requirements/nginx/static/style/profilPage/profil.css index a15cd20..6898e92 100644 --- a/docker-compose/requirements/nginx/static/style/profilPage/profil.css +++ b/docker-compose/requirements/nginx/static/style/profilPage/profil.css @@ -294,6 +294,13 @@ right: 0; } +.discord-username-settings { + position: absolute; + background-color: rgb(223, 223, 223); + color: black; + padding: 10px; +} + @media (max-width: 700px){ #profil .container { width: 90%;