_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

@ -89,20 +89,25 @@
} }
@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 {

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

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