diff --git a/client/public/stylesheets/panels/unitcontrol.css b/client/public/stylesheets/panels/unitcontrol.css
index 9b576252..0a5fa330 100644
--- a/client/public/stylesheets/panels/unitcontrol.css
+++ b/client/public/stylesheets/panels/unitcontrol.css
@@ -278,37 +278,22 @@ body.feature-forceShowUnitControlPanel #unit-control-panel {
#advanced-settings-div>*:nth-child(2) {
margin-left: auto;
- margin-right: 58px;
}
-#advanced-settings-div button {
+#advanced-settings-div>button {
height: 40px;
}
-#explosion-types-selector {
- padding-right: 5px;
- border-radius: var(--border-radius-sm);
+#delete-options button {
display: flex;
- flex-direction: column;
- row-gap: 5px;
- background-color: var(--background-steel);
- position: absolute;
- right: 0px;
- bottom: 0px;
- height: fit-content;
- overflow: hidden;
+ flex-direction: row;
+ align-content: center;
}
-#explosion-types-selector>*:not(:last-child) {
- display: none;
-}
-
-#explosion-types-selector:hover {
- padding: 5px 5px 0px 5px;
-}
-
-#explosion-types-selector:hover>*:not(:last-child) {
- display: block;
+#delete-options button svg {
+ margin-right: 10px;
+ width: 18px;
+ max-height: 18px;
}
/* Element visibility control */
diff --git a/client/public/stylesheets/style/style.css b/client/public/stylesheets/style/style.css
index b8d68b6f..deafa238 100644
--- a/client/public/stylesheets/style/style.css
+++ b/client/public/stylesheets/style/style.css
@@ -339,10 +339,32 @@ h4 {
font-weight: normal;
}
+button.ol-button-white {
+ border: 1px solid white;
+ color: white;
+ font-weight: bold;
+}
+
+button.ol-button-white>svg:first-child {
+ stroke: white;
+ fill: white;
+}
+
+.ol-select-warning {
+ border: 1px solid var(--primary-red);
+ color: var(--primary-red) !important;
+ font-weight: bold !important;
+}
+
+.ol-select-warning::after {
+ stroke: var(--primary-red);
+ fill: var(--primary-red);
+}
+
button.ol-button-warning {
border: 1px solid var(--primary-red);
- color: var(--primary-red);
- font-weight: bold;
+ color: var(--primary-red) !important;
+ font-weight: bold !important;
}
button.ol-button-warning>svg:first-child {
diff --git a/client/public/themes/olympus/images/icons/smog-solid.svg b/client/public/themes/olympus/images/icons/smog-solid.svg
new file mode 100644
index 00000000..f114fe64
--- /dev/null
+++ b/client/public/themes/olympus/images/icons/smog-solid.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/client/src/panels/unitcontrolpanel.ts b/client/src/panels/unitcontrolpanel.ts
index b317992d..a8b280d4 100644
--- a/client/src/panels/unitcontrolpanel.ts
+++ b/client/src/panels/unitcontrolpanel.ts
@@ -28,6 +28,7 @@ export class UnitControlPanel extends Panel {
#advancedSettingsDialog: HTMLElement;
#units: Unit[] = [];
#selectedUnitsTypes: string[] = [];
+ #deleteDropdown: Dropdown;
/**
*
@@ -113,6 +114,7 @@ export class UnitControlPanel extends Panel {
this.#radioDecimalsDropdown = new Dropdown("radio-decimals", () => {});
this.#radioDecimalsDropdown.setOptions([".000", ".250", ".500", ".750"]);
this.#radioCallsignDropdown = new Dropdown("radio-callsign", () => {});
+ this.#deleteDropdown = new Dropdown("delete-options", () => { });
/* Events and timer */
window.setInterval(() => {this.update();}, 25);
diff --git a/client/views/panels/unitcontrol.ejs b/client/views/panels/unitcontrol.ejs
index b308cd5f..740c7909 100644
--- a/client/views/panels/unitcontrol.ejs
+++ b/client/views/panels/unitcontrol.ejs
@@ -108,14 +108,19 @@
-
-
-
+
+
+ Delete unit
+
+
+
+
+
+
+
+
+
+