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) { @media (max-aspect-ratio: 1/1) {
#main-container {
display: flex;
flex-direction: column-reverse;
}
#cowebsite { #cowebsite {
left: 0; left: 0;
bottom: 0; top: 0;
width: 100%; width: 100%;
height: 50%; height: 50%;
display: flex; display: flex;
flex-direction: column; flex-direction: column-reverse;
&.loading { &.loading {
transform: translateY(90%); transform: translateY(-90%);
} }
&.hidden { &.hidden {
transform: translateY(100%); transform: translateY(-100%);
} }
main { main {

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

@ -32,7 +32,7 @@ class CoWebsiteManager {
private resizing: boolean = false; private resizing: boolean = false;
private cowebsiteMainDom: HTMLDivElement; private cowebsiteMainDom: HTMLDivElement;
private cowebsiteAsideDom: HTMLDivElement; private cowebsiteAsideDom: HTMLDivElement;
get width(): number { get width(): number {
return this.cowebsiteDiv.clientWidth; return this.cowebsiteDiv.clientWidth;
} }
@ -74,7 +74,7 @@ class CoWebsiteManager {
private initResizeListeners() { private initResizeListeners() {
const movecallback = (event:MouseEvent) => { 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(); this.fire();
} }