Fixed toggles

This commit is contained in:
PeekabooSteam
2023-11-23 22:44:24 +00:00
parent 20f99c287f
commit e811c7bd46
5 changed files with 22 additions and 27 deletions

View File

@@ -264,41 +264,33 @@ body.feature-forceShowUnitControlPanel #unit-control-panel {
content: "GS";
}
#unit-control-panel .switch-control .ol-switch {
.switch-control .ol-switch {
height: 23px;
width: 40px;
}
#unit-control-panel .switch-control .ol-switch[data-value="true"]>.ol-switch-fill::before {
content: "YES";
}
#unit-control-panel .switch-control .ol-switch[data-value="false"]>.ol-switch-fill::before {
content: "NO";
}
#unit-control-panel .ol-slider-value {
.ol-slider-value {
color: var(--accent-light-blue);
cursor: pointer;
font-size: 14px;
font-weight: bold;
}
#unit-control-panel .switch-control {
.switch-control {
align-items: center;
display: flex;
width: 100%;
justify-content: space-between;
}
#unit-control-panel .switch-control h4 {
.switch-control h4 {
margin: 0px;
display: flex;
align-items: center;
}
#unit-control-panel .switch-control h4 img {
.switch-control h4 img {
height: 15px;
margin-left: 10px;
cursor: pointer;
@@ -316,6 +308,7 @@ body.feature-forceShowUnitControlPanel #unit-control-panel {
#advanced-settings-div > button {
background-color: var(--background-grey);
box-shadow: 0px 2px 5px #000A;
font-size:13px;
height: 40px;
padding:0 20px;

View File

@@ -232,7 +232,6 @@ form {
.ol-select>.ol-select-options>div {
background-color: var(--background-grey);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
display: flex;
justify-content: left;
padding: 2px 15px;
@@ -1496,15 +1495,19 @@ input[type=number]::-webkit-outer-spin-button {
}
.switch-control.coalition [data-value="undefined"] .ol-switch-fill {
background-color: var(--ol-switch-undefined);
background-color: var(--primary-neutral);
}
.switch-control.coalition [data-value="true"]>.ol-switch-fill::before {
content: "BLUE" !important;
.switch-control.coalition [data-value="true"] .ol-switch-fill::before {
content: "BLUE";
}
.switch-control.coalition [data-value="false"]>.ol-switch-fill::before {
content: "RED" !important;
.switch-control.coalition [data-value="false"] .ol-switch-fill::before {
content: "RED";
}
.switch-control.no-label [data-value] .ol-switch-fill::before {
content:"";
}
.ol-context-menu>ul {