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

Merge branch 'v0.1.0' of https://github.com/Pax1601/DCSOlympus into v0.1.0

Browse Source
This commit is contained in:
dpassoni
2023-03-09 17:55:41 +01:00
parent 406e515fa6 fbaface592
commit 839357b52c
5 changed files with 125 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -63,6 +63,7 @@ body.feature-forceShowUnitControlPanel #unit-control-panel {
}
dl.data-grid {
align-items: center;
display:flex;
flex-direction: row;
flex-wrap: wrap;
@@ -71,11 +72,11 @@ dl.data-grid {
}
dl.data-grid dt {
width:40%;
width:60%;
}
dl.data-grid dd {
width:60%;
width:40%;
}
@@ -108,6 +109,10 @@ dl.data-grid dd {
margin-left: auto;
}
dl.data-grid dd.br-info[data-bearing][data-distance][data-distance-units]::after {
content: attr( data-bearing ) '\00B0 / ' attr( data-distance ) attr( data-distance-units );
}
@@ -138,13 +143,35 @@ dl.data-grid dd {
#connection-status-panel {
bottom: 20px;
height: 30px;
font-size:12px;
position: absolute;
right: 10px;
width: 160px;
z-index: 1000;
}
#connection-status-panel dt::before {
content: "No connection";
}
#connection-status-panel dd::after {
border-radius: 50%;
background: red;
content: " ";
height:12px;
width:12px;
}
#connection-status-panel[data-is-connected] dt::before {
content: "Connected";
}
#connection-status-panel[data-is-connected] dd::after {
background:var( --accent-green );
}
#mouse-info-panel {
bottom: 60px;
height: fit-content;
@@ -154,9 +181,58 @@ dl.data-grid dd {
z-index: 1000;
}
.content #mouse-info-panel {
margin-bottom: 100px;
position: static;
#mouse-info-panel dl {
row-gap: 14px;
}
#mouse-info-panel dt {
height:20px;
width:40%;
}
#mouse-info-panel dt {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size:24px 24px;
display:inline-block;
}
#mouse-info-panel dt[data-tooltip]:hover::before {
background-color: var( --background-steel );
border-radius: 5px;
content: attr( data-tooltip );
display:flex;
flex-wrap: nowrap;
padding: 5px;
position: absolute;
translate: calc( -100% - 15px ) 0;
white-space: nowrap;
}
#ref-measure-position {
background-image: url( "/images/pin.png" );
}
#ref-unit-position {
background-image: url( "/images/unit.png" );
}
#ref-bullseye-0 {
background-image: url( "/images/bullseye0.png" );
}
#ref-bullseye-1 {
background-image: url( "/images/bullseye1.png" );
}
#ref-bullseye-2 {
background-image: url( "/images/bullseye2.png" );
}
#mouse-info-panel dd {
width:60%;
}