diff --git a/client/public/stylesheets/units.css b/client/public/stylesheets/units.css
index 1cf374de..26d2e54b 100644
--- a/client/public/stylesheets/units.css
+++ b/client/public/stylesheets/units.css
@@ -115,13 +115,6 @@ div.unit .unit-marker {
}
-div.unit-air .unit-marker {
- background-image: var( --unit-sam-neutral-url );
- height: var( --unit-sam-height );
- width: var( --unit-sam-width );
-}
-
-
/* Air */
div.unit-air .unit-marker {
@@ -130,16 +123,28 @@ div.unit-air .unit-marker {
width: var( --unit-air-marker-width );
}
+div.unit-air:hover .unit-marker, div.unit-air[data-is-selected="true"] .unit-marker {
+ background-image: var( --unit-air-marker-neutral-hover-url );
+}
+
div.unit-air[data-coalition="blue"] .unit-marker {
background-image: var( --unit-air-marker-blue-url );
}
+div.unit-air[data-coalition="blue"]:hover .unit-marker, div.unit-air[data-coalition="blue"][data-is-selected="true"] .unit-marker {
+ background-image: var( --unit-air-marker-blue-hover-url );
+}
+
div.unit-air[data-coalition="red"] .unit-marker {
background-image: var( --unit-air-marker-red-url );
}
+div.unit-air[data-coalition="red"]:hover .unit-marker, div.unit-air[data-coalition="red"][data-is-selected="true"] .unit-marker {
+ background-image: var( --unit-air-marker-red-hover-url );
+}
+
/* Ground vehicles (not SAMs) */
@@ -235,6 +240,7 @@ div.unit .unit-summary {
font-size:11px;
font-weight: bold;
justify-content: right;
+ line-height: 12px;
position:absolute;
row-gap: 1px;
text-shadow:
diff --git a/client/public/themes/olympus/images/icon_aircraft_blue.svg b/client/public/themes/olympus/images/icon_aircraft_blue.svg
new file mode 100644
index 00000000..77bdbc67
--- /dev/null
+++ b/client/public/themes/olympus/images/icon_aircraft_blue.svg
@@ -0,0 +1,4 @@
+
diff --git a/client/public/themes/olympus/images/icon_aircraft_blue_hover.svg b/client/public/themes/olympus/images/icon_aircraft_blue_hover.svg
new file mode 100644
index 00000000..9a5f71e4
--- /dev/null
+++ b/client/public/themes/olympus/images/icon_aircraft_blue_hover.svg
@@ -0,0 +1,8 @@
+
diff --git a/client/public/themes/olympus/images/icon_aircraft_neutral.svg b/client/public/themes/olympus/images/icon_aircraft_neutral.svg
new file mode 100644
index 00000000..b64e9268
--- /dev/null
+++ b/client/public/themes/olympus/images/icon_aircraft_neutral.svg
@@ -0,0 +1,4 @@
+
diff --git a/client/public/themes/olympus/images/icon_aircraft_neutral_hover.svg b/client/public/themes/olympus/images/icon_aircraft_neutral_hover.svg
new file mode 100644
index 00000000..026f09f8
--- /dev/null
+++ b/client/public/themes/olympus/images/icon_aircraft_neutral_hover.svg
@@ -0,0 +1,8 @@
+
diff --git a/client/public/themes/olympus/images/icon_aircraft_red.svg b/client/public/themes/olympus/images/icon_aircraft_red.svg
new file mode 100644
index 00000000..0e92546e
--- /dev/null
+++ b/client/public/themes/olympus/images/icon_aircraft_red.svg
@@ -0,0 +1,4 @@
+
diff --git a/client/public/themes/olympus/images/icon_aircraft_red_hover.svg b/client/public/themes/olympus/images/icon_aircraft_red_hover.svg
new file mode 100644
index 00000000..e15fbbbd
--- /dev/null
+++ b/client/public/themes/olympus/images/icon_aircraft_red_hover.svg
@@ -0,0 +1,8 @@
+
diff --git a/client/public/themes/olympus/olympus.css b/client/public/themes/olympus/olympus.css
index 723d099e..97943357 100644
--- a/client/public/themes/olympus/olympus.css
+++ b/client/public/themes/olympus/olympus.css
@@ -96,12 +96,17 @@
--unit-air-vvi-width: 4px;
--unit-air-width: var( --unit-air-height );
- --unit-air-marker-height: 38px;
- --unit-air-marker-width: 50px;
+ --unit-air-marker-height: 34px;
+ --unit-air-marker-width: 34px;
- --unit-air-marker-blue-url: url( "data:image/svg+xml,%3Csvg width='50' height='38' viewBox='0 0 50 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.08142 36.5L25 2L44.9186 36.5H5.08142Z' fill='%233BB9FF' stroke='%23082E44' stroke-width='2'/%3E%3C/svg%3E" );
+ --unit-air-marker-blue-url: url( "/themes/olympus/images/icon_aircraft_blue.svg" );
+ --unit-air-marker-blue-hover-url: url( "/themes/olympus/images/icon_aircraft_blue_hover.svg" );
+
--unit-air-marker-neutral-url: url( "data:image/svg+xml,%3Csvg width='50' height='38' viewBox='0 0 50 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.08142 36.5L25 2L44.9186 36.5H5.08142Z' fill='%23CFD9E8' stroke='%232F2F2F' stroke-width='2'/%3E%3C/svg%3E" );
+ --unit-air-marker-neutral-hover-url: url( "/themes/olympus/images/icon_aircraft_neutral_hover.svg" );
+
--unit-air-marker-red-url: url( "data:image/svg+xml,%3Csvg width='50' height='38' viewBox='0 0 50 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.08142 36.5L25 2L44.9186 36.5H5.08142Z' fill='%23FF5858' stroke='%23262222' stroke-width='2'/%3E%3C/svg%3E" );
+ --unit-air-marker-red-hover-url: url( "/themes/olympus/images/icon_aircraft_red_hover.svg" );
/*** Air units' statuses ***/