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

Moved server performance indicators; control tips working again.

Browse Source
This commit is contained in:
PeekabooSteam
2023-10-04 20:07:49 +01:00
parent e41484186b
commit f7b3e5bf77
11 changed files with 92 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -72,15 +72,6 @@
z-index: 9999;
}
#server-status-panel {
bottom: 20px;
font-size: 12px;
position: absolute;
right: 200px;
width: 300px;
z-index: 9999;
}
#mouse-info-panel {
bottom: 60px;
display: flex;
@@ -148,7 +139,7 @@
#log-panel {
position: absolute;
right: 0px;
top: 220px;
top: 170px;
width: 310px;
height: fit-content;
z-index: 9990;

52
client/public/stylesheets/panels/logpanel.css
View File

@@ -26,3 +26,55 @@
#log-panel.open>div:nth-child(2) {
display: block;
}
#log-panel-header-right {
align-items: center;
column-gap: 16px;
display:flex;
flex-flow: row nowrap;
}
#server-status-panel abbr {
text-decoration: none;
}
#server-status-panel dl {
column-gap: 4px;
display:flex;
flex-direction: row;
width:fit-content;
}
#server-status-panel dl > * {
margin:0;
width:fit-content;
}
#server-status-panel dd {
font-weight: bold;
}
.fps-low {
color: red;
}
.fps-medium {
color: orange;
}
.fps-high {
color: lightgreen;
}
.load-low {
color: lightgreen;
}
.load-medium {
color: orange;
}
.load-high {
color: red;
}

33
client/public/stylesheets/panels/serverstatus.css
View File

@@ -5,31 +5,26 @@
column-gap: 10px;
}
#server-status-panel .ol-data-grid {
width: 100%;
#log-panel-header-right {
align-items: center;
column-gap: 16px;
display:flex;
flex-flow: row nowrap;
}
@media (min-width: 1525px) {
#server-status-panel .ol-data-grid:first-of-type {
border-right: 1px solid gray;
padding-right: 10px;
}
#server-status-panel dl {
column-gap: 4px;
display:flex;
flex-direction: row;
width:fit-content;
}
@media (max-width: 1525px) {
#server-status-panel {
flex-direction: column;
row-gap: 10px;
width: 180px;
}
#server-status-panel .ol-data-grid:first-of-type {
border-bottom: 1px solid gray;
padding-bottom: 10px;
}
#server-status-panel dl > * {
margin:0;
width:fit-content;
}
#server-status-panel dd {
font-weight: bold;
}