Initialise global message

- Create new class to manager global message. My idea is that this class permit to manage audio or text message. - Update html to have main content id and inject html in this. - Create front event to receive startMessage and stopMessage. - Delete impoted variable not used.
2020-09-16 18:38:50 +02:00
parent 1ccbea30e4
commit 509196785b
9 changed files with 88 additions and 8 deletions
@@ -39,7 +39,7 @@
        <title>WorkAdventure</title>
    </head>
    <body id="body" style="margin: 0">
-        <div class="main-container">
+        <div class="main-container" id="main-container">
            <div id="game" class="game" style="/*background: red;*/">
                <div id="game-overlay" class="game-overlay" style="/*background: violet*/;">
                    <div id="main-section" class="main-section">
@@ -403,3 +403,14 @@ body {
 .chat-mode > div:last-child {
    flex-grow: 5;
 }
+
+.message-container{
+    top: 0;
+    left: 20%;
+    position: absolute;
+    width: 60%;
+    height: auto;
+    z-index: 200;
+    background-color: #00000096;
+    border-radius: 0 0 10px 10px;
+}