lbehm/workadventure
1
0
Fork 0
Code Issues Pull requests Releases Activity

Fixe style media manager and text modale

Browse source
This commit is contained in:
Gregoire Parant 2020-10-13 21:54:08 +02:00
parent 3e74e178fb
commit 436cde7033
2 changed files with 24 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
front/dist/resources/style/style.css vendored
View file

@ -581,7 +581,7 @@ div.modal-report-user{
width: 800px;
height: 600px;
left: calc(50% - 400px);
top: calc(50% - 100px);
top: 100px;
background-color: #000000ad;
}
@ -591,8 +591,8 @@ div.modal-report-user{
height: 200px;
z-index: 999;
left: calc(50% - 200px);
top: calc(50% - 100px);
background-color: #00000052;
top: 200px;
background-color: #000000;
color: white;
}
@ -602,7 +602,7 @@ div.modal-report-user{
width: 50px;
z-index: 999;
left: calc(50% - 25px);
top: calc(50% - 250px);
top: 10px;
}
.modal-report-user img#cancel-report-user{
@ -618,7 +618,7 @@ div.modal-report-user{
.modal-report-user button{
position: absolute;
top: calc(50% + 200px);
top: 450px;
left: calc(50% - 50px);
width: 100px;
border: 1px solid black;
@ -636,11 +636,20 @@ div.modal-report-user{
transform: scale(1.1);
}
.modal-report-user p{
.modal-report-user p#title-report-user{
font-size: 30px;
color: white;
position: absolute;
top: 30px;
width: 100%;
text-align: center;
}
.modal-report-user p#body-report-user{
font-size: 24px;
color: white;
position: absolute;
top: 90px;
width: 100%;
text-align: center;
text-align: left;
}

10
front/src/WebRtc/MediaManager.ts
View file

@ -562,9 +562,15 @@ export class MediaManager {
divReport.appendChild(inputHidden);
const titleMessage = document.createElement('p');
titleMessage.innerText = 'Vous souhaitez report : ' + userName;
titleMessage.id = 'title-report-user';
titleMessage.innerText = 'Open a report';
divReport.appendChild(titleMessage);
const bodyMessage = document.createElement('p');
bodyMessage.id = 'body-report-user';
bodyMessage.innerText = `You are about to open a report regarding an offensive conduct from user ${userName.toUpperCase()}. Please explain to us how you think ${userName.toUpperCase()} breached the code of conduct.`;
divReport.appendChild(bodyMessage);
const imgReportUser = document.createElement('img');
imgReportUser.id = 'img-report-user';
imgReportUser.src = 'resources/logos/report.svg';
@ -572,7 +578,7 @@ export class MediaManager {
const textareaUser = document.createElement('textarea');
textareaUser.id = 'textarea-report-user';
textareaUser.placeholder = 'Laissez un commentaire pour confirmer le report de la personne';
textareaUser.placeholder = 'Write ...';
divReport.appendChild(textareaUser);
const buttonReport = document.createElement('button');