_Bastler/partey_workadventure
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

FIX: in vertical mode, the coWebSite now open from the top

Browse Source
This commit is contained in:
kharhamel 2021-04-13 11:24:57 +02:00
parent bbc42d2986
commit f82551016a
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();
}