mirror of
https://github.com/Pax1601/DCSOlympus.git
synced 2025-10-29 16:56:34 +00:00
Spawn history is functional
This commit is contained in:
PeekabooSteam
@@ -60,11 +60,6 @@
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.leaflet-container img.leaflet-tile {
|
||||
/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
|
||||
mix-blend-mode: plus-lighter;
|
||||
}
|
||||
|
||||
.leaflet-container.leaflet-touch-zoom {
|
||||
-ms-touch-action: pan-x pan-y;
|
||||
touch-action: pan-x pan-y;
|
||||
@@ -651,7 +646,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
|
||||
}
|
||||
|
||||
/* Printing */
|
||||
|
||||
|
||||
@media print {
|
||||
/* Prevent printers from removing background-images of controls. */
|
||||
.leaflet-control {
|
||||
|
||||
@@ -8,24 +8,20 @@
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
#map-contextmenu>div:nth-child(2) {
|
||||
align-items: center;
|
||||
|
||||
|
||||
/* #map-contextmenu>div:nth-child(n+4)>div {
|
||||
width: 100%;
|
||||
} */
|
||||
|
||||
#map-contextmenu .spawn-mode {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
padding-right: 0px;
|
||||
row-gap: 5px;
|
||||
}
|
||||
|
||||
#map-contextmenu>div:nth-child(3) {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
#map-contextmenu>div:nth-child(n+4) {
|
||||
align-items: center;
|
||||
.ol-context-menu-panel {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
@@ -33,10 +29,6 @@
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#map-contextmenu>div:nth-child(n+4)>div {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.contextmenu-advanced-options,
|
||||
.contextmenu-metadata {
|
||||
align-items: center;
|
||||
@@ -143,20 +135,6 @@
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
/*
|
||||
.ol-tag-CA {
|
||||
background-color: #FF000022;
|
||||
}
|
||||
|
||||
.ol-tag-Radar {
|
||||
background-color: #00FF0022;
|
||||
}
|
||||
|
||||
.ol-tag-IR {
|
||||
background-color: #0000FF22;
|
||||
}
|
||||
*/
|
||||
|
||||
.unit-loadout-list {
|
||||
min-width: 0;
|
||||
}
|
||||
@@ -187,7 +165,65 @@
|
||||
content: " (" attr(data-points) " points)";
|
||||
}
|
||||
|
||||
.upper-bar svg>* {
|
||||
#spawn-mode-tabs {
|
||||
align-items: center;
|
||||
column-gap: 6px;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top:0;
|
||||
translate: -6px -100%;
|
||||
z-index: 9998;
|
||||
}
|
||||
|
||||
#spawn-mode-tabs button {
|
||||
align-items: center;
|
||||
border-bottom:2px solid transparent;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-top-left-radius: var(--border-radius-sm);
|
||||
border-top-right-radius: var(--border-radius-sm);
|
||||
display: flex;
|
||||
height:32px;
|
||||
justify-content: center;
|
||||
margin:0;
|
||||
width:32px;
|
||||
}
|
||||
|
||||
#spawn-mode-tabs button:hover {
|
||||
background-color: var(--background-steel);
|
||||
}
|
||||
|
||||
[data-coalition="blue"] + #spawn-mode-tabs button {
|
||||
border-bottom-color: var(--primary-blue);
|
||||
}
|
||||
|
||||
|
||||
[data-coalition="red"] + #spawn-mode-tabs button {
|
||||
border-bottom-color: var(--primary-red);
|
||||
}
|
||||
|
||||
|
||||
[data-coalition="neutral"] + #spawn-mode-tabs button {
|
||||
border-bottom-color: var(--primary-neutral);
|
||||
}
|
||||
|
||||
#spawn-mode-tabs button svg {
|
||||
height:24px;
|
||||
margin:3px;
|
||||
width:24px;
|
||||
}
|
||||
|
||||
.upper-bar {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
padding-right: 0px;
|
||||
}
|
||||
|
||||
.upper-bar svg>*,
|
||||
#spawn-mode-tabs button svg * {
|
||||
fill: white;
|
||||
}
|
||||
|
||||
@@ -200,24 +236,52 @@
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
#spawn-history-menu {
|
||||
display:flex;
|
||||
flex-direction: column;
|
||||
max-height: 300px;
|
||||
row-gap: 6px;
|
||||
}
|
||||
|
||||
#spawn-history-menu button {
|
||||
border-radius: 0;
|
||||
height:32px;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
#spawn-history-menu button[data-spawned-coalition="blue"] {
|
||||
border-left:4px solid var(--primary-blue);
|
||||
}
|
||||
|
||||
#spawn-history-menu button[data-spawned-coalition="red"] {
|
||||
border-left:4px solid var(--primary-red);
|
||||
}
|
||||
|
||||
#spawn-history-menu button[data-spawned-coalition="neutral"] {
|
||||
border-left:4px solid var(--primary-neutral);
|
||||
}
|
||||
|
||||
[data-coalition="blue"]#active-coalition-label,
|
||||
[data-coalition="blue"].deploy-unit-button,
|
||||
[data-coalition="blue"]#spawn-airbase-aircraft-button,
|
||||
[data-coalition="blue"].create-iads-button {
|
||||
[data-coalition="blue"].create-iads-button,
|
||||
[data-coalition="blue"] + .upper-bar .spawn-mode-tabs button.active {
|
||||
background-color: var(--primary-blue)
|
||||
}
|
||||
|
||||
[data-coalition="red"]#active-coalition-label,
|
||||
[data-coalition="red"].deploy-unit-button,
|
||||
[data-coalition="red"]#spawn-airbase-aircraft-button,
|
||||
[data-coalition="red"].create-iads-button {
|
||||
[data-coalition="red"].create-iads-button,
|
||||
[data-coalition="red"] + .upper-bar .spawn-mode-tabs button.active {
|
||||
background-color: var(--primary-red)
|
||||
}
|
||||
|
||||
[data-coalition="neutral"]#active-coalition-label,
|
||||
[data-coalition="neutral"].deploy-unit-button,
|
||||
[data-coalition="neutral"]#spawn-airbase-aircraft-button,
|
||||
[data-coalition="neutral"].create-iads-button {
|
||||
[data-coalition="neutral"].create-iads-button,
|
||||
[data-coalition="neutral"] + .upper-bar .spawn-mode-tabs button.active {
|
||||
background-color: var(--primary-neutral)
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="12" viewBox="0 0 384 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path d="M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>
|
||||
|
After Width: | Height: | Size: 473 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--><path d="M75 75L41 41C25.9 25.9 0 36.6 0 57.9V168c0 13.3 10.7 24 24 24H134.1c21.4 0 32.1-25.9 17-41l-30.8-30.8C155 85.5 203 64 256 64c106 0 192 86 192 192s-86 192-192 192c-40.8 0-78.6-12.7-109.7-34.4c-14.5-10.1-34.4-6.6-44.6 7.9s-6.6 34.4 7.9 44.6C151.2 495 201.7 512 256 512c141.4 0 256-114.6 256-256S397.4 0 256 0C185.3 0 121.3 28.7 75 75zm181 53c-13.3 0-24 10.7-24 24V256c0 6.4 2.5 12.5 7 17l72 72c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-65-65V152c0-13.3-10.7-24-24-24z"/></svg>
|
||||
|
After Width: | Height: | Size: 718 B |
Reference in New Issue
Block a user