Kraut.World/server
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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
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; width: 800px;
height: 600px; height: 600px;
left: calc(50% - 400px); left: calc(50% - 400px);
top: calc(50% - 100px); top: 100px;
background-color: #000000ad; background-color: #000000ad;
} }
@ -591,8 +591,8 @@ div.modal-report-user{
height: 200px; height: 200px;
z-index: 999; z-index: 999;
left: calc(50% - 200px); left: calc(50% - 200px);
top: calc(50% - 100px); top: 200px;
background-color: #00000052; background-color: #000000;
color: white; color: white;
} }
@ -602,7 +602,7 @@ div.modal-report-user{
width: 50px; width: 50px;
z-index: 999; z-index: 999;
left: calc(50% - 25px); left: calc(50% - 25px);
top: calc(50% - 250px); top: 10px;
} }
.modal-report-user img#cancel-report-user{ .modal-report-user img#cancel-report-user{
@ -618,7 +618,7 @@ div.modal-report-user{
.modal-report-user button{ .modal-report-user button{
position: absolute; position: absolute;
top: calc(50% + 200px); top: 450px;
left: calc(50% - 50px); left: calc(50% - 50px);
width: 100px; width: 100px;
border: 1px solid black; border: 1px solid black;
@ -636,11 +636,20 @@ div.modal-report-user{
transform: scale(1.1); transform: scale(1.1);
} }
.modal-report-user p{ .modal-report-user p#title-report-user{
font-size: 30px; font-size: 30px;
color: white; color: white;
position: absolute; 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; top: 90px;
width: 100%; 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); divReport.appendChild(inputHidden);
const titleMessage = document.createElement('p'); const titleMessage = document.createElement('p');
titleMessage.innerText = 'Vous souhaitez report : ' + userName; titleMessage.id = 'title-report-user';
titleMessage.innerText = 'Open a report';
divReport.appendChild(titleMessage); 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'); const imgReportUser = document.createElement('img');
imgReportUser.id = 'img-report-user'; imgReportUser.id = 'img-report-user';
imgReportUser.src = 'resources/logos/report.svg'; imgReportUser.src = 'resources/logos/report.svg';
@ -572,7 +578,7 @@ export class MediaManager {
const textareaUser = document.createElement('textarea'); const textareaUser = document.createElement('textarea');
textareaUser.id = 'textarea-report-user'; textareaUser.id = 'textarea-report-user';
textareaUser.placeholder = 'Laissez un commentaire pour confirmer le report de la personne'; textareaUser.placeholder = 'Write ...';
divReport.appendChild(textareaUser); divReport.appendChild(textareaUser);
const buttonReport = document.createElement('button'); const buttonReport = document.createElement('button');