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

Tarted up the unit control panel a bit more.

Browse Source
This commit is contained in:
PeekabooSteam
2023-03-08 21:42:14 +00:00
parent ef960eb2ee
commit 7c4f11591e
4 changed files with 129 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -49,6 +49,11 @@ body {
z-index: 1000;
}
#unit-control-panel h4 {
margin-bottom:8px;
margin-top:20px;
}
body.feature-forceShowUnitControlPanel #unit-control-panel {
display:block !important;
}
@@ -57,6 +62,54 @@ body.feature-forceShowUnitControlPanel #unit-control-panel {
position: static;
}
dl.data-grid {
display:flex;
flex-direction: row;
flex-wrap: wrap;
margin:0;
row-gap: 4px;
}
dl.data-grid dt {
width:40%;
}
dl.data-grid dd {
width:60%;
}
dl.data-grid dt.icon {
text-indent: 10px;
}
dl.data-grid dt.icon::before {
content: url( /images/icons/speed.svg );
display:inline-block;
filter:invert(100%);
width: 20px;
translate:-20px 2px;
}
dl.data-grid dt.icon-speed::before {
content: url( /images/icons/speed.svg );
}
dl.data-grid dt.icon-altitude::before {
content: url( /images/icons/altitude.svg );
}
dl.data-grid dd {
display: flex;
justify-content: flex-end;
margin-left: auto;
}
.ol-button-box {
column-gap: 6px;

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

@@ -65,8 +65,8 @@ button[disabled="disabled"] {
.pill {
border-radius: var( --border-radius-sm );
display:inline-block;
padding:6px;
padding:2px 6px;
width:fit-content;
}
@@ -82,6 +82,14 @@ button[disabled="disabled"] {
width:fit-content;
}
.ol-panel hr {
background-color: var( --secondary-light-grey );
border:none;
height:1px;
margin:20px 0;
width:100%;
}
.ol-panel-padding-lg {
padding:24px 30px;
}
@@ -265,6 +273,11 @@ h4 {
font-weight: normal;
}
button.ol-button-warning {
border: 1px solid var( --primary-red );
color: var( --primary-red );
}
nav.ol-panel {
column-gap: 20px;
@@ -329,6 +342,15 @@ nav.ol-panel > :last-child {
}
.accent-green {
color: var(--accent-green);
font-weight: var( --font-weight-bolder );
}
.accent-light-blue {
color: var(--accent-light-blue);
font-weight: var( --font-weight-bolder );
}
.accent-bluefor {
color: var(--primary-blue);
font-weight: var( --font-weight-bolder );
@@ -467,7 +489,7 @@ nav.ol-panel > :last-child {
#unit-info-panel #unit-identification .unit {
height:28px;
margin-right:10px;
margin-right:6px;
width:28px;
}
@@ -485,12 +507,12 @@ nav.ol-panel > :last-child {
background-color:transparent;
border:none;
color:white;
font-size:18px;
font-size:16px;
font-weight: var( --font-weight-bolder );
outline:none;
overflow: hidden;
white-space: nowrap;
width: 130px;
width: 150px;
}
#edit-unit-name {