diff --git a/front/dist/resources/style/style.css b/front/dist/resources/style/style.css index 213b00f2..eb2f949f 100644 --- a/front/dist/resources/style/style.css +++ b/front/dist/resources/style/style.css @@ -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 {