Fix pointer events

Phaser 3.53.0 no longer sets `pointer-events: auto` for generated DOM
elements, so we need to do it manually.
This commit is contained in:
PizZaKatZe 2021-03-21 18:37:39 +01:00 committed by Thomas Basler
parent 15ad163da3
commit baebc33a66
6 changed files with 11 additions and 1 deletions

View File

@ -1,4 +1,7 @@
<style> <style>
#gameMenu {
pointer-events: auto;
}
#gameMenu button { #gameMenu button {
background-color: black; background-color: black;
color: white; color: white;

View File

@ -1,4 +1,7 @@
<style> <style>
#menuIcon {
pointer-events: auto;
}
#menuIcon button { #menuIcon button {
background-color: black; background-color: black;
color: white; color: white;
@ -21,4 +24,4 @@
<img src="/static/images/menu.svg"> <img src="/static/images/menu.svg">
</button> </button>
</section> </section>
</main> </main>

View File

@ -6,6 +6,7 @@
height: 257px; height: 257px;
margin: 20px auto 0; margin: 20px auto 0;
width: 298px; width: 298px;
pointer-events: auto;
} }
#gameQuality .cautiousText { #gameQuality .cautiousText {
font-size: 50%; font-size: 50%;

View File

@ -5,6 +5,7 @@
border-radius: 6px; border-radius: 6px;
margin: 2px auto 0; margin: 2px auto 0;
width: 298px; width: 298px;
pointer-events: auto;
} }
#gameReport h1 { #gameReport h1 {
background-image: linear-gradient(top, #f1f3f3, #d4dae0); background-image: linear-gradient(top, #f1f3f3, #d4dae0);

View File

@ -6,6 +6,7 @@
margin: 20px auto 0; margin: 20px auto 0;
width: 298px; width: 298px;
height: 150px; height: 150px;
pointer-events: auto;
} }
#gameShare h1 { #gameShare h1 {
background-image: linear-gradient(top, #f1f3f3, #d4dae0); background-image: linear-gradient(top, #f1f3f3, #d4dae0);

View File

@ -6,6 +6,7 @@
margin: 10px auto 0; margin: 10px auto 0;
width: 400px; width: 400px;
height: 370px; height: 370px;
pointer-events: auto;
} }
#helpCameraSettings h1 { #helpCameraSettings h1 {
background-image: linear-gradient(top, #f1f3f3, #d4dae0); background-image: linear-gradient(top, #f1f3f3, #d4dae0);