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

added fullscreen

Browse source
This commit is contained in:
kharhamel 2021-03-17 18:57:00 +01:00
parent 272be3eba0
commit f9c8b4131c
3 changed files with 43 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -71,7 +71,11 @@
</aside>
<main id="cowebsite-main">
</main>
<button class="close-btn" id="cowebsite-close">
<button class="top-right-btn" id="cowebsite-fullscreen">
<img id="cowebsite-fullscreen-open" src="resources/logos/monitor.svg"/>
<img id="cowebsite-fullscreen-close" style="display: none;" src="resources/logos/monitor-close.svg"/>
</button>
<button class="top-right-btn" id="cowebsite-close">
<img src="resources/logos/close.svg"/>
</button>
</div>

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

@ -358,7 +358,7 @@ body {
pointer-events: none;
}
#cowebsite .close-btn{
#cowebsite .top-right-btn{
position: absolute;
top: 10px;
right: -100px;
@ -366,9 +366,9 @@ body {
border: none;
cursor: url('/resources/logos/cursor_pointer.png'), pointer;
animation: right .2s ease;
}
}
#cowebsite .close-btn img {
#cowebsite .top-right-btn img {
height: 20px;
right: 15px;
background-color: rgba(0,0.0,0,0.3);
@ -376,13 +376,22 @@ body {
border-radius: 3px;
}
#cowebsite .close-btn img:hover {
#cowebsite .top-right-btn img:hover {
background-color: rgba(0,0,0,0.4);
}
#cowebsite:hover .close-btn{
#cowebsite #cowebsite-close {
right: -140px;
}
#cowebsite:hover #cowebsite-close{
right: 10px;
}
#cowebsite #cowebsite-fullscreen {
right: -100px;
}
#cowebsite:hover #cowebsite-fullscreen{
right: 40px;
}
}
@media (max-aspect-ratio: 1/1) {
.game-overlay {