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 ***/