rparodi/ft_transcendence
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

css et java repair on popup message

Browse source
This commit is contained in:
NigeParis 2026-01-14 18:17:48 +01:00 • committed by Maix0
parent 16982488c9
commit 9a20e03870
4 changed files with 10 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/chat/chat.html
View file

@ -37,12 +37,12 @@
</div> </div>
</div> </div>
<div id="game-modal" class="gamePopup hidden"> <div id="game-modal" class="gamePopup hidden">
<div class="popUpMessage"> <div id="popUpMessage"class="popUpMessage overflow-y-auto">
<div id="game-info"> <div id="game-info">
<p class="" id="modal-message"></p> <p class="" id="modal-message"></p>
<button id="close-modal-message" class="btn-style relative bottom-8 left-85">Close</button>
</div> </div>
</div> </div>
<button id="close-modal-message" class="btn-style absolute bottom-55 right-10">Close</button>
</div> </div>
</div> </div>
</div> </div>

5
frontend/src/chat/chatHelperFunctions/openMessagePopup.ts
View file

@ -12,9 +12,10 @@ export async function openMessagePopup(message: string) {
const obj = message; const obj = message;
if (modalmessage) { if (modalmessage) {
const messageElement = document.createElement("div"); const messageElement = document.createElement("div");
messageElement.innerHTML = `<div id="profile-about">${message}</div>`; messageElement.innerHTML = `<div id="profile-about" class="text-lg">${message}</div>`;
modalmessage.appendChild(messageElement); modalmessage.appendChild(messageElement);
modalmessage.scrollTop = modalmessage.scrollHeight; modalmessage.lastElementChild?.scrollIntoView({ block: "end" });
} }
const gameMessage = document.getElementById("game-modal") ?? null; const gameMessage = document.getElementById("game-modal") ?? null;
if (gameMessage) { if (gameMessage) {

4
frontend/src/chat/chatHelperFunctions/openProfilePopup.ts
View file

@ -14,8 +14,8 @@ export async function openProfilePopup(profil: ClientProfil) {
<button id="popup-b-invite" class="btn-style popup-b-invite">U Game ?</button> <button id="popup-b-invite" class="btn-style popup-b-invite">U Game ?</button>
<button id="popup-b-block" class="btn-style popup-b-block">Block User</button> <button id="popup-b-block" class="btn-style popup-b-block">Block User</button>
<div id="profile-about" class="text-2xl">About: <span class="recessed">${profil.text}</span> </div> <div id="profile-about" class="text-2xl">About: <span class="recessed">${profil.text}</span> </div>
<button id="popup-b-hGame" class="btn-style-games popup-b-game">Your Pong Games</button> <button id="popup-b-hGame" class="btn-style-games popup-b-game">View Pong Games</button>
<button id="popup-b-hTGame" class="btn-style-games popup-b-TTTgame">My TTT Games</button> <button id="popup-b-hTGame" class="btn-style-games popup-b-TTTgame">View TTT Games</button>
</div> </div>
`; `;

6
frontend/src/pages/pong/pong.html
View file

@ -2,11 +2,11 @@
<div id="mainbox" class="game-mainBoxDisplay rounded-elem"> <div id="mainbox" class="game-mainBoxDisplay rounded-elem">
<div class="grid grid-cols-3"> <div class="grid grid-cols-3">
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<button id="QueueBtn" class="fit-all pong-btn-style gray-color rounded-elem blue-hover">Queue <button id="QueueBtn" class="fit-all dflt-btn-style gray-color rounded-elem blue-hover">Queue
Up</button> Up</button>
<button id="LocalBtn" class="fit-all pong-btn-style gray-color rounded-elem blue-hover">Local <button id="LocalBtn" class="fit-all dflt-btn-style gray-color rounded-elem blue-hover">Local
Game</button> Game</button>
<button id="TourBtn" class="fit-all pong-btn-style gray-color rounded-elem blue-hover"> <button id="TourBtn" class="fit-all dflt-btn-style gray-color rounded-elem blue-hover">
<span class="mx-2">Create Tournament</span> <span class="mx-2">Create Tournament</span>
</button> </button>
<!-- tournament hdl --> <!-- tournament hdl -->