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 auto selection of units in group

Browse Source
This commit is contained in:
Pax1601
2023-05-18 17:48:03 +02:00
parent 10d250e3a5
commit 9eb295d9a1
6 changed files with 70 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -21,7 +21,8 @@ body.feature-forceShowUnitControlPanel #unit-control-panel {
border-radius: var(--border-radius-md);
display: flex;
flex-direction: column;
max-height: 136px;
max-height: 215px;
overflow-x: hidden;
overflow-y: auto;
row-gap: 4px;
}
@@ -34,19 +35,29 @@ body.feature-forceShowUnitControlPanel #unit-control-panel {
height: 32px;
padding: 8px 0;
position: relative;
width: 100%;
width: calc(100% - 5px);
margin-right: 5px;
}
#unit-control-panel #selected-units-container button::before {
background-color: var( --primary-neutral );
border-radius: 999px;
content: attr(data-short-label);
margin: 0 5px;
margin: 2px 4px;
padding: 4px 6px;
white-space: nowrap;
width: 30px;
width: fit-content;
min-width: 20px;
max-width: 30px;
text-overflow: ellipsis;
overflow: hidden;
font-size: 10px;
}
#unit-control-panel #selected-units-container button:hover::before {
max-width: 100%;
text-overflow: unset;
background-color: black;
}
#unit-control-panel #selected-units-container button[data-coalition="blue"]::before {
@@ -71,24 +82,6 @@ body.feature-forceShowUnitControlPanel #unit-control-panel {
width: fit-content;
}
#unit-control-panel #selected-units-container button:hover::after {
overflow: visible;
text-overflow: initial;
}
#unit-control-panel #selected-units-container button:hover::after {
background-color: var(--background-grey);
}
#unit-control-panel #selected-units-container button[data-coalition="blue"]:hover::after {
background-color: var(--primary-blue);
}
#unit-control-panel #selected-units-container button[data-coalition="red"]:hover::after {
background-color: var(--primary-red);
}
#unit-control-panel h4 {
margin-bottom: 8px;
}