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

First pass at re-organising the CSS.

Browse Source
This commit is contained in:
PeekabooSteam
2023-03-15 15:47:11 +00:00
parent d24f5f74d9
commit 64df9b142d
13 changed files with 268 additions and 310 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
client/public/stylesheets/unitcontrolpanel.css Normal file
View File

@@ -0,0 +1,46 @@
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;
}