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

Added frontend controls for emissions and countermeasures

Browse Source
This commit is contained in:
Pax1601
2023-05-11 17:24:56 +02:00
parent 98a6053a85
commit 71ef292763
10 changed files with 170 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/public/stylesheets/layout.css
View File

@@ -109,7 +109,7 @@ dl.ol-data-grid dd {
}
.ol-panel.ol-dialog {
padding: 20px;
padding: 24px 30px;
}
.ol-dialog-close {

70
client/public/stylesheets/olympus.css
View File

@@ -645,13 +645,15 @@ body[data-hide-navyunit] #unit-visibility-control-navyunit {
}
#roe-buttons-container button.selected,
#reaction-to-threat-buttons-container button.selected {
#reaction-to-threat-buttons-container button.selected,
#emissions-countermeasures-buttons-container button.selected {
background-color: white;
border-color: white;
}
#roe-buttons-container button::before,
#reaction-to-threat-buttons-container button::before {
#reaction-to-threat-buttons-container button::before,
#emissions-countermeasures-buttons-container button::before {
background-position: center;
background-repeat: no-repeat;
content: "";
@@ -660,68 +662,104 @@ body[data-hide-navyunit] #unit-visibility-control-navyunit {
width: 24px;
}
#roe-buttons-container button[title="Hold"]::before {
#roe-buttons-container button[value="Hold"]::before {
background-image: url("/themes/olympus/images/icons_roe_stop_light.svg");
}
#roe-buttons-container button[title="Hold"].selected::before {
#roe-buttons-container button[value="Hold"].selected::before {
background-image: url("/themes/olympus/images/icons_roe_stop_dark.svg");
}
/**/
#roe-buttons-container button[title="Return"]::before {
#roe-buttons-container button[value="Return"]::before {
background-image: url("/themes/olympus/images/icons_roe_defend_light.svg");
}
#roe-buttons-container button[title="Return"].selected::before {
#roe-buttons-container button[value="Return"].selected::before {
background-image: url("/themes/olympus/images/icons_roe_defend_dark.svg");
}
/**/
#roe-buttons-container button[title="Designated"]::before {
#roe-buttons-container button[value="Designated"]::before {
background-image: url("/themes/olympus/images/icons_roe_target_light.svg");
}
#roe-buttons-container button[title="Designated"].selected::before {
#roe-buttons-container button[value="Designated"].selected::before {
background-image: url("/themes/olympus/images/icons_roe_target_dark.svg");
}
/**/
#roe-buttons-container button[title="Free"]::before {
#roe-buttons-container button[value="Free"]::before {
background-image: url("/themes/olympus/images/icons_roe_free_light.svg");
}
#roe-buttons-container button[title="Free"].selected::before {
#roe-buttons-container button[value="Free"].selected::before {
background-image: url("/themes/olympus/images/icons_roe_free_dark.svg");
}
/****************************************************************************************/
#reaction-to-threat-buttons-container button[title="None"]::before {
#reaction-to-threat-buttons-container button[value="None"]::before {
background-image: url("/themes/olympus/images/icons_threat_nothing_light.svg");
}
#reaction-to-threat-buttons-container button[title="None"].selected::before {
#reaction-to-threat-buttons-container button[value="None"].selected::before {
background-image: url("/themes/olympus/images/icons_threat_nothing_dark.svg");
}
/**/
#reaction-to-threat-buttons-container button[title="Passive"]::before {
#reaction-to-threat-buttons-container button[value="Passive"]::before {
background-image: url("/themes/olympus/images/icons_threat_cms_light.svg");
}
#reaction-to-threat-buttons-container button[title="Passive"].selected::before {
#reaction-to-threat-buttons-container button[value="Passive"].selected::before {
background-image: url("/themes/olympus/images/icons_threat_cms_dark.svg");
}
/**/
#reaction-to-threat-buttons-container button[title="Evade"]::before {
#reaction-to-threat-buttons-container button[value="Evade"]::before {
background-image: url("/themes/olympus/images/icons_threat_defend_light.svg");
}
#reaction-to-threat-buttons-container button[title="Evade"].selected::before {
#reaction-to-threat-buttons-container button[value="Evade"].selected::before {
background-image: url("/themes/olympus/images/icons_threat_defend_dark.svg");
}
/****************************************************************************************/
#emissions-countermeasures-buttons-container button[value="Silent"]::before {
background-image: url("/themes/olympus/images/icons_roe_stop_light.svg");
}
#emissions-countermeasures-buttons-container button[value="Silent"].selected::before {
background-image: url("/themes/olympus/images/icons_roe_stop_dark.svg");
}
/**/
#emissions-countermeasures-buttons-container button[value="Defend"]::before {
background-image: url("/themes/olympus/images/icons_roe_defend_light.svg");
}
#emissions-countermeasures-buttons-container button[value="Defend"].selected::before {
background-image: url("/themes/olympus/images/icons_roe_defend_dark.svg");
}
/**/
#emissions-countermeasures-buttons-container button[value="Attack"]::before {
background-image: url("/themes/olympus/images/icons_roe_target_light.svg");
}
#emissions-countermeasures-buttons-container button[value="Attack"].selected::before {
background-image: url("/themes/olympus/images/icons_roe_target_dark.svg");
}
/**/
#emissions-countermeasures-buttons-container button[value="Free"]::before {
background-image: url("/themes/olympus/images/icons_roe_free_light.svg");
}
#emissions-countermeasures-buttons-container button[value="Free"].selected::before {
background-image: url("/themes/olympus/images/icons_roe_free_dark.svg");
}
/****************************************************************************************/
#splash-screen {
background-image: url("/images/splash/splash_pic_ship.png");

25
client/public/stylesheets/unitcontrolpanel.css
View File

@@ -8,7 +8,7 @@ body.feature-forceShowUnitControlPanel #unit-control-panel {
left: 10px;
position: absolute;
top: 80px;
width: 250px;
width: 260px;
z-index: 1000;
}
@@ -94,7 +94,8 @@ body.feature-forceShowUnitControlPanel #unit-control-panel {
}
#unit-control-panel #threat,
#unit-control-panel #roe {
#unit-control-panel #roe,
#unit-control-panel #emissions-countermeasures {
margin-top: 12px;
}
@@ -113,4 +114,24 @@ body.feature-forceShowUnitControlPanel #unit-control-panel {
#advanced-settings-dialog>.ol-dialog-content>.ol-group {
justify-content: space-between;
}
#advanced-settings-dialog h4 {
white-space: nowrap;
}
#advanced-settings-dialog hr {
margin-top: 15px;
margin-bottom: 10px;
}
#advanced-options-grid {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 10px;
}
#advanced-options-grid>div {
width: 49%;
}