Kraut.World/server
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

edited CoWebsiteManager to manage vertical resizing

Browse source
This commit is contained in:
kharhamel 2021-03-18 15:05:15 +01:00
parent 0701e607fa
commit 32fdfaab35
8 changed files with 70 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

2
front/dist/.gitignore vendored
View file

@ -1,3 +1,3 @@
index.html
index.tmpl.html.tmp
style.css
style.*.css

2
front/dist/index.tmpl.html vendored
View file

@ -29,8 +29,6 @@
<base href="/">
<link rel="stylesheet" href="/resources/style/style.css">
<link rel="stylesheet" href="/style.css">
<title>WorkAdventure</title>
</head>
<body id="body" style="margin: 0; background-color: #000">

36
front/dist/resources/style/cowebsite.scss vendored
View file

@ -1,10 +1,27 @@
/* A potentially shared website could appear in an iframe in the cowebsite space. */
#cowebsite {
position: fixed;
transition: transform 0.5s;
background-color: white;
&.loading {
background-color: gray;
}
main {
iframe {
width: 100%;
height: 100%;
}
}
aside {
background: gray;
cursor: ew-resize;
align-items: center;
display: flex;
img {
cursor: ew-resize;
margin: 3px;
pointer-events: none;
height: 20px;
@ -52,10 +69,10 @@
aside {
width: 30px;
align-items: center;
display: flex;
cursor: ew-resize;
img {
cursor: ew-resize;
transform: rotate(90deg);
}
}
@ -85,7 +102,7 @@
}
#cowebsite-fullscreen{
right: 40px;
right: 45px;
}
}
}
@ -114,9 +131,12 @@
aside {
height: 30px;
align-items: center;
display: flex;
cursor: ns-resize;
flex-direction: column;
img {
cursor: ns-resize;
}
}
.top-right-btn{
@ -144,7 +164,7 @@
}
#cowebsite-fullscreen{
right: 40px;
right: 45px;
}
}
}

2
front/dist/resources/style/index.scss vendored
View file

@ -1,2 +1,2 @@
@import "cowebsite.scss";
/*@import "style.css"*/
@import "style.css";

15
front/dist/resources/style/style.css vendored
View file

@ -351,21 +351,6 @@ body {
position: relative; /* Position relative is needed for the game-overlay. */
}
/* A potentially shared website could appear in an iframe in the cowebsite space. */
#cowebsite {
position: fixed;
transition: transform 0.5s;
background-color: white;
}
#cowebsite.loading {
background-color: gray;
}
#cowebsite main iframe {
width: 100%;
height: 100%;
}
.audioplayer:first-child {
display: grid;
grid: 2rem / 4rem 10rem;