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

Styled units in info control panel.

Browse Source
This commit is contained in:
PeekabooSteam
2023-03-13 17:47:35 +00:00
parent 1d043b1d2d
commit 3e8564bafe
4 changed files with 38 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
client/public/stylesheets/layout.css
View File

@@ -58,6 +58,36 @@ body.feature-forceShowUnitControlPanel #unit-control-panel {
display:block !important;
}
#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 );
}
dl.data-grid {
align-items: center;
display:flex;

1
client/public/stylesheets/olympus.css
View File

@@ -392,6 +392,7 @@ nav.ol-panel> :last-child {
.highlight-coalition[data-coalition="red"], .highlight-redfor {
background-color: var(--primary-red);
color: white;
}