diff --git a/front/dist/resources/style/cowebsite.scss b/front/dist/resources/style/cowebsite.scss index 33a6b6bf..b752728d 100644 --- a/front/dist/resources/style/cowebsite.scss +++ b/front/dist/resources/style/cowebsite.scss @@ -88,21 +88,26 @@ } } @media (max-aspect-ratio: 1/1) { + + #main-container { + display: flex; + flex-direction: column-reverse; + } #cowebsite { left: 0; - bottom: 0; + top: 0; width: 100%; height: 50%; display: flex; - flex-direction: column; + flex-direction: column-reverse; &.loading { - transform: translateY(90%); + transform: translateY(-90%); } &.hidden { - transform: translateY(100%); + transform: translateY(-100%); } main { diff --git a/front/src/Connexion/LocalUser.ts b/front/src/Connexion/LocalUser.ts index 968787e1..56483976 100644 --- a/front/src/Connexion/LocalUser.ts +++ b/front/src/Connexion/LocalUser.ts @@ -14,7 +14,7 @@ export function isUserNameValid(value: string): boolean { return regexp.test(value); } -export function areCharacterLayersValid(value: string[]): boolean { +export function areCharacterLayersValid(value: string[] | null): boolean { if (!value || !value.length) return false; for (let i = 0; i < value.length; i++) { if (/^\w+$/.exec(value[i]) === null) { diff --git a/front/src/WebRtc/CoWebsiteManager.ts b/front/src/WebRtc/CoWebsiteManager.ts index e352d70c..95885a53 100644 --- a/front/src/WebRtc/CoWebsiteManager.ts +++ b/front/src/WebRtc/CoWebsiteManager.ts @@ -32,7 +32,7 @@ class CoWebsiteManager { private resizing: boolean = false; private cowebsiteMainDom: HTMLDivElement; private cowebsiteAsideDom: HTMLDivElement; - + get width(): number { return this.cowebsiteDiv.clientWidth; } @@ -74,7 +74,7 @@ class CoWebsiteManager { private initResizeListeners() { const movecallback = (event:MouseEvent) => { - this.verticalMode ? this.height -= event.movementY / this.getDevicePixelRatio() : this.width -= event.movementX / this.getDevicePixelRatio(); + this.verticalMode ? this.height += event.movementY / this.getDevicePixelRatio() : this.width -= event.movementX / this.getDevicePixelRatio(); this.fire(); }