lbehm/workadventure
1
0
Fork 0
Code Issues Pull requests Releases Activity

revert menu icon to its original view

Browse source
This commit is contained in:
Hanusiak Piotr 2021-12-07 14:01:30 +01:00
parent e62ad6b9c9
commit b36f39d3d9
2 changed files with 5 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
front/src/Components/Menu/MenuIcon.svelte
View file

@ -4,7 +4,6 @@
import { menuVisiblilityStore } from "../../Stores/MenuStore"; import { menuVisiblilityStore } from "../../Stores/MenuStore";
import { chatVisibilityStore } from "../../Stores/ChatStore"; import { chatVisibilityStore } from "../../Stores/ChatStore";
import { get } from "svelte/store"; import { get } from "svelte/store";
import Woka from "../Woka/Woka.svelte";
function showMenu() { function showMenu() {
menuVisiblilityStore.set(!get(menuVisiblilityStore)); menuVisiblilityStore.set(!get(menuVisiblilityStore));
@ -17,9 +16,7 @@
<svelte:window /> <svelte:window />
<main class="menuIcon"> <main class="menuIcon">
<div class="nes-pointer woka" on:click|preventDefault={showMenu}> <img src={logoWA} alt="open menu" class="nes-pointer" on:click|preventDefault={showMenu} />
<Woka userId={-1} placeholderSrc={logoWA} />
</div>
<img src={logoTalk} alt="open menu" class="nes-pointer" on:click|preventDefault={showChat} /> <img src={logoTalk} alt="open menu" class="nes-pointer" on:click|preventDefault={showChat} />
</main> </main>
@ -36,20 +33,10 @@
margin: 3px; margin: 3px;
image-rendering: pixelated; image-rendering: pixelated;
} }
.woka {
pointer-events: auto;
width: 60px;
padding-top: 0;
margin: 3px;
}
} }
.menuIcon img:hover { .menuIcon img:hover {
transform: scale(1.2); transform: scale(1.2);
} }
.menuIcon .woka:hover {
transform: scale(1.2);
}
@media only screen and (max-width: 800px), only screen and (max-height: 800px) { @media only screen and (max-width: 800px), only screen and (max-height: 800px) {
.menuIcon { .menuIcon {
display: inline-grid; display: inline-grid;

8
front/src/Components/Woka/Woka.svelte
View file

@ -1,7 +1,7 @@
<script lang="typescript"> <script lang="typescript">
import { onDestroy } from 'svelte'; import { onDestroy } from "svelte";
import { gameManager } from '../../Phaser/Game/GameManager'; import { gameManager } from "../../Phaser/Game/GameManager";
export let userId: number; export let userId: number;
export let placeholderSrc: string; export let placeholderSrc: string;
@ -17,7 +17,7 @@ import { onDestroy } from 'svelte';
onDestroy(unsubscribe); onDestroy(unsubscribe);
</script> </script>
<img src={src} alt="" class="nes-pointer"> <img {src} alt="" class="nes-pointer" />
<style> <style>
img { img {
@ -31,4 +31,4 @@ import { onDestroy } from 'svelte';
padding: 0; padding: 0;
image-rendering: pixelated; image-rendering: pixelated;
} }
</style> </style>