Fixing pointer-events interaction preventing virtual joystick from working

This commit is contained in:
David Négrier 2021-05-05 11:56:24 +02:00
parent 82073098e0
commit 7d2cc66f11

View File

@ -381,7 +381,7 @@ body {
max-height: 25%;
}
}
#game {
@ -540,7 +540,7 @@ input[type=range]:focus::-ms-fill-upper {
position: absolute;
width: 100%;
height: 100%;
pointer-events: all;
pointer-events: none;
/* TODO: DO WE NEED FLEX HERE???? WE WANT A SIDEBAR OF EXACTLY 25% (note: flex useful for direction!!!) */
}
@ -549,7 +549,7 @@ input[type=range]:focus::-ms-fill-upper {
}
.game-overlay video {
width: 100%
width: 100%;
}
.main-section {
@ -565,6 +565,7 @@ input[type=range]:focus::-ms-fill-upper {
flex-basis: 96%;
transition: margin-left 0.2s, margin-right 0.2s, margin-bottom 0.2s, margin-top 0.2s, flex-basis 0.2s;
cursor: url('/resources/logos/cursor_pointer.png'), pointer;
pointer-events: auto;
/*flex-shrink: 2;*/
}
@ -576,7 +577,6 @@ input[type=range]:focus::-ms-fill-upper {
.sidebar {
flex: 0 0 25%;
display: flex;
pointer-events: all;
}
.sidebar > div {
@ -584,6 +584,7 @@ input[type=range]:focus::-ms-fill-upper {
transition: margin-left 0.2s, margin-right 0.2s, margin-bottom 0.2s, margin-top 0.2s, max-height 0.2s, max-width 0.2s;
cursor: url('/resources/logos/cursor_pointer.png'), pointer;
border-radius: 15px 15px 15px 15px;
pointer-events: auto;
}
.sidebar > div:hover {