deblan/sutom
deblan/sutom
1
0
Fork 0
mirror of https://framagit.org/JonathanMM/sutom.git synced 2024-05-17 13:16:35 +02:00
Code Issues Projects Releases Wiki Activity

Déplacement de la notif dans les panel

Browse source
This commit is contained in:
JonathanMM 2023-05-17 23:20:58 +02:00
parent e4a6439acb
commit 51e43bf38c
3 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
public/jeu.css
View file

@ -147,7 +147,7 @@ h1 {
#panel-area { #panel-area {
display: none; display: none;
font-size: 24px; font-size: 20px;
} }
#input-area { #input-area {
@ -274,6 +274,10 @@ h1 {
min-height: 50px; min-height: 50px;
} }
#panel-fenetre-notification-area {
position: absolute;
}
#notification-label, #notification-label,
#panel-fenetre-notification-label { #panel-fenetre-notification-label {
font-size: 22px; font-size: 22px;

4
ts/finDePartiePanel.ts
View file

@ -123,10 +123,10 @@ export default class FinDePartiePanel {
}) })
) )
.then(() => { .then(() => {
NotificationMessage.ajouterNotificationPanel("Résumé copié dans le presse-papier."); NotificationMessage.ajouterNotificationPanel("Résumé copié dans le presse-papier.", resumeBouton);
}) })
.catch((raison) => { .catch((raison) => {
NotificationMessage.ajouterNotificationPanel("Votre navigateur n'est pas compatible."); NotificationMessage.ajouterNotificationPanel("Votre navigateur n'est pas compatible.", resumeBouton);
}); });
}); });
} }

5
ts/notificationMessage.ts
View file

@ -9,8 +9,11 @@ export default class NotificationMessage {
this.ajouterNotificationDiv(this._notificationArea, this._notificationLabel, message); this.ajouterNotificationDiv(this._notificationArea, this._notificationLabel, message);
} }
public static ajouterNotificationPanel(message: string): void { public static ajouterNotificationPanel(message: string, origine: HTMLElement): void {
this.ajouterNotificationDiv(this._notificationPanelArea, this._notificationPanelLabel, message); this.ajouterNotificationDiv(this._notificationPanelArea, this._notificationPanelLabel, message);
const { top: topParent, left: leftParent } = origine.getBoundingClientRect();
this._notificationPanelArea.style.top = `${topParent + 30}px`;
this._notificationPanelArea.style.left = `${leftParent - this._notificationPanelArea.getBoundingClientRect().width / 2}px`;
} }
private static ajouterNotificationDiv(divArea: HTMLElement, divLabel: HTMLElement, message: string): void { private static ajouterNotificationDiv(divArea: HTMLElement, divLabel: HTMLElement, message: string): void {