WIP: Update style for mobile (#942)

* Update style for mobile

 - Update style for mobile modale

* Fix overscroll

* Change css properties overflow

* Revert "Change css properties overflow"

This reverts commit 612fcc7e007fb03c7f72e5fa4b8a0604a184ae7d.

* rm image

* Update view mobile

* Fix CI

front/src/Phaser/Login/LoginScene.ts

@@ -4,6 +4,7 @@ import {ResizableScene} from "./ResizableScene";
 import { localUserStore } from "../../Connexion/LocalUserStore";
 import {MenuScene} from "../Menu/MenuScene";
 import { isUserNameValid } from "../../Connexion/LocalUser";
+import { RESOLUTION } from "../../Enum/EnvironmentVariable";
 
 export const LoginSceneName = "LoginScene";
 
@@ -27,7 +28,7 @@ export class LoginScene extends ResizableScene {
 
     create() {
         const middleX = this.getMiddleX();
-        this.loginSceneElement = this.add.dom((middleX/2), 0).createFromCache(loginSceneKey);
+        this.loginSceneElement = this.add.dom(middleX, 0).createFromCache(loginSceneKey);
         MenuScene.revealMenusAfterInit(this.loginSceneElement, loginSceneKey);
 
         const pErrorElement = this.loginSceneElement.getChildByID('errorLoginScene') as HTMLInputElement;
@@ -80,7 +81,7 @@ export class LoginScene extends ResizableScene {
         const middleX = this.getMiddleX();
         this.tweens.add({
             targets: this.loginSceneElement,
-            x: (middleX/2),
+            x: middleX,
             duration: 1000,
             ease: 'Power3'
         });
@@ -90,7 +91,7 @@ export class LoginScene extends ResizableScene {
         const middleX = this.getMiddleX();
         this.tweens.add({
             targets: this.loginSceneElement,
-            x: (middleX/2),
+            x: middleX,
             duration: 1000,
             ease: 'Power3'
         });
@@ -98,6 +99,6 @@ export class LoginScene extends ResizableScene {
 
     private getMiddleX() : number{
         const middleX = ((window.innerWidth) - ((this.loginSceneElement && this.loginSceneElement.width > 0 ? this.loginSceneElement.width : 200 /*FIXME to use a const will be injected in HTMLElement*/)*2)) / 2;
-        return (middleX > 0 ? middleX : 0);
+        return (middleX > 0 ? (middleX / 2) : 0);
     }
 }