From d800ccdb71ad82d99c44dea39a8ba6eabf08e20c Mon Sep 17 00:00:00 2001 From: PeekabooSteam Date: Tue, 7 Mar 2023 18:52:35 +0000 Subject: [PATCH] Updated ground and SAM units' images --- client/public/stylesheets/units.css | 5 +++-- .../{icon_aa_blue.svg => icon_sam_blue.svg} | 0 ...on_aa_neutral.svg => icon_sam_neutral.svg} | 0 .../{icon_aa_red.svg => icon_sam_red.svg} | 0 client/public/themes/olympus/olympus.css | 22 +++++++++---------- 5 files changed, 14 insertions(+), 13 deletions(-) rename client/public/themes/olympus/images/{icon_aa_blue.svg => icon_sam_blue.svg} (100%) rename client/public/themes/olympus/images/{icon_aa_neutral.svg => icon_sam_neutral.svg} (100%) rename client/public/themes/olympus/images/{icon_aa_red.svg => icon_sam_red.svg} (100%) diff --git a/client/public/stylesheets/units.css b/client/public/stylesheets/units.css index 5e8e9c38..6698c64b 100644 --- a/client/public/stylesheets/units.css +++ b/client/public/stylesheets/units.css @@ -204,8 +204,9 @@ div.unit .unit-fuel { display:none; height: var( --unit-air-fuel-height ); position: absolute; - translate:var( --unit-air-fuel-x ) 20px; + translate:var( --unit-air-fuel-x ) var( --unit-air-fuel-y ); width: var( --unit-air-fuel-width ); + z-index: 5; } div.unit .unit-fuel-level { @@ -293,7 +294,7 @@ div.unit[data-has-fox-1="true"] .unit-ammo-fox-1, div.unit[data-has-fox-2="true"] .unit-ammo-fox-2, div.unit[data-has-fox-3="true"] .unit-ammo-fox-3, div.unit[data-has-other-ammo="true"] .unit-ammo-other { - background-color: var( --primary-grey ); + background-color: var( --secondary-gunmetal-grey ); } diff --git a/client/public/themes/olympus/images/icon_aa_blue.svg b/client/public/themes/olympus/images/icon_sam_blue.svg similarity index 100% rename from client/public/themes/olympus/images/icon_aa_blue.svg rename to client/public/themes/olympus/images/icon_sam_blue.svg diff --git a/client/public/themes/olympus/images/icon_aa_neutral.svg b/client/public/themes/olympus/images/icon_sam_neutral.svg similarity index 100% rename from client/public/themes/olympus/images/icon_aa_neutral.svg rename to client/public/themes/olympus/images/icon_sam_neutral.svg diff --git a/client/public/themes/olympus/images/icon_aa_red.svg b/client/public/themes/olympus/images/icon_sam_red.svg similarity index 100% rename from client/public/themes/olympus/images/icon_aa_red.svg rename to client/public/themes/olympus/images/icon_sam_red.svg diff --git a/client/public/themes/olympus/olympus.css b/client/public/themes/olympus/olympus.css index eddf9b2b..804a9215 100644 --- a/client/public/themes/olympus/olympus.css +++ b/client/public/themes/olympus/olympus.css @@ -74,7 +74,7 @@ --unit-height: 32px; --unit-label-border-width: 2px; --unit-spotlight-fill: var( --secondary-yellow ); - --unit-spotlight-radius: 24px; + --unit-spotlight-radius: 26px; --unit-stroke-width: 3px; --unit-width: 32px; @@ -86,12 +86,12 @@ --unit-air-ammo-radius: 2px; --unit-air-ammo-spacing: 2px; --unit-air-ammo-x:0px; - --unit-air-ammo-y:28px; + --unit-air-ammo-y:30px; --unit-air-fuel-border-width: 2px; --unit-air-fuel-height: 6px; --unit-air-fuel-width: 36px; --unit-air-fuel-x:0px; - --unit-air-fuel-y:20px; + --unit-air-fuel-y:22px; --unit-air-height: 28px; --unit-air-vvi-width: 4px; --unit-air-width: var( --unit-air-height ); @@ -128,20 +128,20 @@ /*** Ground ***/ - --unit-ground-marker-height: 38px; - --unit-ground-marker-width: 50px; + --unit-ground-marker-height: 43px; + --unit-ground-marker-width: 43px; - --unit-ground-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-ground-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-ground-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-ground-marker-blue-url: url( "/themes/olympus/images/icon_ground_blue.svg" ); + --unit-ground-marker-neutral-url: url( "/themes/olympus/images/icon_ground_neutral.svg" ); + --unit-ground-marker-red-url: url( "/themes/olympus/images/icon_ground_red.svg" ); /*** SAMs ***/ --unit-sam-marker-height: 38px; --unit-sam-marker-width: 50px; - --unit-sam-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-sam-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-sam-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-sam-marker-blue-url: url( "/themes/olympus/images/icon_sam_blue.svg" ); + --unit-sam-marker-neutral-url: url( "/themes/olympus/images/icon_sam_neutral.svg" ); + --unit-sam-marker-red-url: url( "/themes/olympus/images/icon_sam_red.svg" ); } \ No newline at end of file