Added missiles.

This commit is contained in:
PeekabooSteam 2023-03-12 18:08:06 +00:00
parent 1fb3de23f5
commit 28aba62733
3 changed files with 72 additions and 6 deletions

View File

@ -219,6 +219,29 @@
/* Weapons */
[data-object="unit-weapon-missile"] .unit-marker {
background-image: var( --unit-weapons-missile-marker-neutral-url );
height: var( --unit-weapons-missile-marker-height );
width: var( --unit-weapons-missile-marker-width );
}
[data-object="unit-weapon-missile"][data-coalition="blue"] .unit-marker {
background-image: var( --unit-weapons-missile-marker-blue-url );
}
[data-object="unit-weapon-missile"][data-coalition="red"] .unit-marker {
background-image: var( --unit-weapons-missile-marker-red-url );
}
/********************************************
* Labels
********************************************/
[data-object|="unit"] .unit-short-label {
color: var( --secondary-gunmetal-grey );
font-size: var(--unit-font-size);
@ -475,9 +498,3 @@
display:block;
}
/******************************
Weapons
******************************/

View File

@ -166,6 +166,15 @@
--unit-building-marker-red-url: url( "/themes/olympus/images/icon_building_red.svg" );
/*** Weapons ***/
--unit-weapons-missile-marker-height: 33px;
--unit-weapons-missile-marker-width: 17px;
--unit-weapons-missile-marker-blue-url: url( "/themes/olympus/images/icon_missile_blue.svg" );
--unit-weapons-missile-marker-neutral-url: url( "/themes/olympus/images/icon_missile_neutral.svg" );
--unit-weapons-missile-marker-red-url: url( "/themes/olympus/images/icon_missile_red.svg" );
/*** Context menu ***/
--spawn-aircraft-url: url( "/themes/olympus/images/spawn_aircraft.svg" );
--spawn-ground-url: url( "/themes/olympus/images/spawn_ground.svg" );

View File

@ -22,6 +22,7 @@
<div class="section-header">Buttons</div>
<div class="section-header">Ground Units</div>
<div class="section-header">Planes</div>
<div class="section-header">Weapons</div>
<div class="section-header">.ol-panel</div>
<div class="section-header">Icons</div>
</div>
@ -779,6 +780,45 @@
</section>
<section>
<div class="content">
<div class="content-header">Missile</div>
<div class="content-body">
<div class="example">
<div data-object="unit-weapon-missile">
<div class="unit-marker"></div>
</div>
</div>
<div class="example">
<div data-object="unit-weapon-missile" data-coalition="blue">
<div class="unit-marker" style="transform: rotate( 90deg );"></div>
</div>
</div>
<div class="example">
<div data-object="unit-weapon-missile" data-coalition="red">
<div class="unit-marker" style="transform: rotate( 225deg );"></div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="content">