noby
/
workadventure
2
2
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #894 from thecodingmachine/topVerticalMode 

FIX: in vertical mode, the coWebSite now open from the top
This commit is contained in:
Kharhamel 2021-04-13 15:16:06 +02:00 committed by GitHub
parent 4bbfd4f12f f82551016a
commit faade46400
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
front/dist/resources/style/cowebsite.scss vendored
View File

@ -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 {

4
front/src/WebRtc/CoWebsiteManager.ts
View File

@ -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();
}