DCSOlympus/client/public/stylesheets/unitcontrolpanel.css
2023-03-15 15:47:11 +00:00

46 lines
924 B
CSS

body.feature-forceShowUnitControlPanel #unit-control-panel {
display:block !important;
}
#unit-control-panel {
height: fit-content;
left: 10px;
position: absolute;
top: 80px;
width: 250px;
z-index: 1000;
}
#unit-control-panel #selected-units-container {
align-items: center;
border-radius: var( --border-radius-md );
display:flex;
flex-direction: column;
row-gap: 4px;
}
#unit-control-panel #selected-units-container button {
font-size: 12px;
padding:8px 0;
position: relative;
width:90%;
}
#unit-control-panel #selected-units-container button::before {
background-color: var( --accent-light-blue );
border-radius: var( --border-radius-sm );
content: attr( data-short-label );
padding:4px;
position: absolute;
translate:-40px -4px;
}
#unit-control-panel #selected-units-container button::after {
content: attr( data-callsign );
}
#unit-control-panel h4 {
margin-bottom:8px;
margin-top:20px;
}