Started event handling

client/public/stylesheets/selectionwheel.css

@@ -1,102 +0,0 @@
-.ol-selection-wheel {
-    margin: 0;
-    position: fixed;
-    z-index: 1000;
-    width: 220px;
-    height: 220px;
-    overflow: visible;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.ol-wheel {
-    width: 100%;
-    border-radius: 50%;
-    background-color: var(--background-color-dark);
-    -webkit-mask: radial-gradient(transparent 30%, #000 31%);
-    mask: radial-gradient(transparent 30%, #000 31%);
-    transition: background-color 0.2s;
-}
-
-.ol-wheel:before {
-    content: "";
-    display: block;
-    padding-top: 100%;
-}
-
-.selection-wheel-button {
-    position: fixed;
-    z-index: 1000;
-    width: 50px;
-    height: 50px;
-    opacity: 0;
-    /*transition: opacity var(--animation_duration), left var(--animation_duration), top var(--animation_duration);*/
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 50%;
-}
-
-.selection-wheel-image {
-    width: 45px;
-    height: 45px;
-    /*filter: invert(100%);*/
-    transition: width var(--animation_duration), height var(--animation_duration);
-    filter: invert(100%);
-}
-
-.selection-wheel-button:hover {
-
-}
-
-.selection-wheel-button:hover .selection-wheel-image {
-    width: 50px;
-    height: 50px;
-    /*filter: invert(21%) sepia(23%) saturate(775%) hue-rotate(170deg) brightness(92%) contrast(90%);*/
-}
-
-.ol-selection-wheel label {
-    width: 0;
-    height: 0;
-}
-
-.ol-selection-wheel input {
-    width: 0;
-    height: 0;
-}
-
-.ol-selection-wheel-switch {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    display: inline-block;
-    width: 60px;
-    height: 34px;
-    background-color: var(--active-coalition-color);
-    border-radius: 17px;
-    margin-left: -30px;
-    margin-top: -17px;
-    cursor: pointer;
-}
-
-.ol-selection-wheel-switch:before {
-    position: absolute;
-    content: "";
-    height: 26px;
-    width: 26px;
-    left: 4px;
-    bottom: 4px;
-    background-color: white;
-    -webkit-transition: 0.2s;
-    transition: 0.2s;
-    border-radius: 50%;
-
-}
-
-input:checked+.ol-selection-wheel-switch:before {
-    -webkit-transform: translateX(26px);
-    -ms-transform: translateX(26px);
-    transform: translateX(26px);
-}

client/public/stylesheets/style.css

@@ -3,7 +3,7 @@
 @import url("dropdown.css");
 
 @import url("selectionwheel.css");
-@import url("selectionscroll.css");
+@import url("contextmenu.css");
 
 @import url("unitmarker.css");
 @import url("airbasemarker.css");