weyne/DCSOlympus
1
0
Fork 0
mirror of https://github.com/Pax1601/DCSOlympus.git synced 2025-10-29 16:56:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Mostly sorted the aircraft unit markers.

Browse Source
This commit is contained in:
PeekabooSteam 2023-03-07 14:10:35 +00:00
parent 950b9554a6
commit 9658936ec2
8 changed files with 57 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
client/public/stylesheets/units.css
View File

@ -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:

4
client/public/themes/olympus/images/icon_aircraft_blue.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 1.4C0 0.626804 0.626801 0 1.4 0H32.2C32.9732 0 33.6 0.626801 33.6 1.4V32.2C33.6 32.9732 32.9732 33.6 32.2 33.6H1.4C0.626804 33.6 0 32.9732 0 32.2V1.4Z" fill="#3BB9FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.8 2.8V30.8H30.8V2.8H2.8ZM1.4 0C0.626801 0 0 0.626804 0 1.4V32.2C0 32.9732 0.626804 33.6 1.4 33.6H32.2C32.9732 33.6 33.6 32.9732 33.6 32.2V1.4C33.6 0.626801 32.9732 0 32.2 0H1.4Z" fill="#082E44"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 532 B

8
client/public/themes/olympus/images/icon_aircraft_blue_hover.svg Normal file
View File

@ -0,0 +1,8 @@
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_255_1728" fill="white">
<rect width="38" height="38" rx="1.4"/>
</mask>
<rect width="38" height="38" rx="1.4" fill="#3BB9FF" stroke="white" stroke-width="5.6" mask="url(#path-1-inside-1_255_1728)"/>
<path d="M2 3.4C2 2.6268 2.6268 2 3.4 2H34.2C34.9732 2 35.6 2.6268 35.6 3.4V34.2C35.6 34.9732 34.9732 35.6 34.2 35.6H3.4C2.6268 35.6 2 34.9732 2 34.2V3.4Z" fill="#3BB9FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.8 4.8V32.8H32.8V4.8H4.8ZM3.4 2C2.6268 2 2 2.6268 2 3.4V34.2C2 34.9732 2.6268 35.6 3.4 35.6H34.2C34.9732 35.6 35.6 34.9732 35.6 34.2V3.4C35.6 2.6268 34.9732 2 34.2 2H3.4Z" fill="#082E44"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 741 B

4
client/public/themes/olympus/images/icon_aircraft_neutral.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 1.4C0 0.626804 0.626801 0 1.4 0H32.2C32.9732 0 33.6 0.626801 33.6 1.4V32.2C33.6 32.9732 32.9732 33.6 32.2 33.6H1.4C0.626804 33.6 0 32.9732 0 32.2V1.4Z" fill="#CFD9E8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.8 2.8V30.8H30.8V2.8H2.8ZM1.4 0C0.626801 0 0 0.626804 0 1.4V32.2C0 32.9732 0.626804 33.6 1.4 33.6H32.2C32.9732 33.6 33.6 32.9732 33.6 32.2V1.4C33.6 0.626801 32.9732 0 32.2 0H1.4Z" fill="#2F2F2F"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 532 B

8
client/public/themes/olympus/images/icon_aircraft_neutral_hover.svg Normal file
View File

@ -0,0 +1,8 @@
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_255_1733" fill="white">
<rect width="38" height="38" rx="1.4"/>
</mask>
<rect width="38" height="38" rx="1.4" fill="#3BB9FF" stroke="white" stroke-width="5.6" mask="url(#path-1-inside-1_255_1733)"/>
<path d="M2 3.4C2 2.6268 2.6268 2 3.4 2H34.2C34.9732 2 35.6 2.6268 35.6 3.4V34.2C35.6 34.9732 34.9732 35.6 34.2 35.6H3.4C2.6268 35.6 2 34.9732 2 34.2V3.4Z" fill="#CFD9E8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.8 4.8V32.8H32.8V4.8H4.8ZM3.4 2C2.6268 2 2 2.6268 2 3.4V34.2C2 34.9732 2.6268 35.6 3.4 35.6H34.2C34.9732 35.6 35.6 34.9732 35.6 34.2V3.4C35.6 2.6268 34.9732 2 34.2 2H3.4Z" fill="#2F2F2F"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 741 B

4
client/public/themes/olympus/images/icon_aircraft_red.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 1.4C0 0.626804 0.626801 0 1.4 0H32.2C32.9732 0 33.6 0.626801 33.6 1.4V32.2C33.6 32.9732 32.9732 33.6 32.2 33.6H1.4C0.626804 33.6 0 32.9732 0 32.2V1.4Z" fill="#FF5858"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.8 2.8V30.8H30.8V2.8H2.8ZM1.4 0C0.626801 0 0 0.626804 0 1.4V32.2C0 32.9732 0.626804 33.6 1.4 33.6H32.2C32.9732 33.6 33.6 32.9732 33.6 32.2V1.4C33.6 0.626801 32.9732 0 32.2 0H1.4Z" fill="#262222"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 532 B

8
client/public/themes/olympus/images/icon_aircraft_red_hover.svg Normal file
View File

@ -0,0 +1,8 @@
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_255_1729" fill="white">
<rect width="38" height="38" rx="1.4"/>
</mask>
<rect width="38" height="38" rx="1.4" fill="#FF5858" stroke="white" stroke-width="5.6" mask="url(#path-1-inside-1_255_1729)"/>
<path d="M2 3.4C2 2.6268 2.6268 2 3.4 2H34.2C34.9732 2 35.6 2.6268 35.6 3.4V34.2C35.6 34.9732 34.9732 35.6 34.2 35.6H3.4C2.6268 35.6 2 34.9732 2 34.2V3.4Z" fill="#FF5858"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.8 4.8V32.8H32.8V4.8H4.8ZM3.4 2C2.6268 2 2 2.6268 2 3.4V34.2C2 34.9732 2.6268 35.6 3.4 35.6H34.2C34.9732 35.6 35.6 34.9732 35.6 34.2V3.4C35.6 2.6268 34.9732 2 34.2 2H3.4Z" fill="#262222"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 741 B

11
client/public/themes/olympus/olympus.css
View File

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