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

More work on database editing

Browse Source
This commit is contained in:
Pax1601
2023-09-28 17:33:38 +02:00
parent ff42126b0e
commit 94901849e6
22 changed files with 2161 additions and 3734 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -13,11 +13,30 @@
top: 10px;
z-index: 99999;
column-gap: 10px;
margin-right: 320px;
height: fit-content;
}
@media (max-width: 1820px) {
#toolbar-container {
flex-direction: column;
align-items: start;
row-gap: 10px;
}
}
#primary-toolbar {
align-items: center;
display: flex;
height: fit-content;
min-width: 650px;
}
@media (max-width: 1820px) {
#primary-toolbar {
row-gap: 10px;
flex-wrap: wrap;
}
}
#command-mode-toolbar {
@@ -83,6 +102,18 @@
z-index: 9999;
}
@media (max-width: 1820px) {
#unit-control-panel {
top: 150px;
}
}
@media (max-width: 1350px) {
#unit-control-panel {
top: 190px;
}
}
#unit-info-panel {
bottom: 20px;
font-size: 12px;
@@ -91,6 +122,15 @@
width: fit-content;
z-index: 9999;
padding: 24px 30px;
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
@media (max-width: 1525px) {
#unit-info-panel {
flex-direction: column;
}
}
#info-popup {

3
client/public/stylesheets/other/popup.css
View File

@@ -19,7 +19,8 @@
}
.ol-popup-stack {
transform: translateY(+80%);
margin-bottom: -20px;
z-index: -1;
}
.visible {

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

@@ -9,11 +9,27 @@
width: 100%;
}
#server-status-panel .ol-data-grid:first-of-type {
border-right: 1px solid gray;
padding-right: 10px;
@media (min-width: 1525px) {
#server-status-panel .ol-data-grid:first-of-type {
border-right: 1px solid gray;
padding-right: 10px;
}
}
@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 dd {
font-weight: bold;
}

10
client/public/stylesheets/panels/unitcontrol.css
View File

@@ -91,8 +91,8 @@ body.feature-forceShowUnitControlPanel #unit-control-panel {
justify-content: space-between;
}
#advanced-settings-dialog h4 {
white-space: nowrap;
#advanced-settings-dialog>.ol-dialog-content>div input[type="number"] {
width: 60px;
}
#advanced-settings-dialog hr {
@@ -102,6 +102,12 @@ body.feature-forceShowUnitControlPanel #unit-control-panel {
#advanced-settings-dialog .ol-text-input input {
height: 40px;
width: fit-content;
}
#advanced-settings-dialog h4 {
width: fit-content;
text-wrap: nowrap;
}
#general-settings-grid {

45
client/public/stylesheets/panels/unitinfo.css
View File

@@ -4,6 +4,45 @@
bottom: 0px;
}
@media (min-width: 1525px) {
#unit-info-panel>.panel-section {
border-right: 1px solid #555;
padding: 0 30px;
}
#unit-info-panel>.panel-section:first-child {
padding-left: 0px;
}
#unit-info-panel>.panel-section:last-child {
padding-right: 0px;
}
#unit-info-panel>.panel-section:last-of-type {
border-right-width: 0;
}
}
@media (max-width: 1525px) {
#unit-info-panel>.panel-section {
border-bottom: 1px solid #555;
padding: 30px 0px;
}
#unit-info-panel>.panel-section:first-child {
padding-top: 0px;
}
#unit-info-panel>.panel-section:last-child {
padding-bottom: 0px;
}
#unit-info-panel>.panel-section:last-of-type {
border-bottom-width: 0;
}
}
#general {
display: flex;
flex-direction: column;
@@ -58,10 +97,14 @@
}
#loadout-items {
margin-right: 20px;
align-self: center;
display: flex;
flex-flow: column nowrap;
flex-flow: column;
row-gap: 8px;
column-gap: 8px;
max-height: 90px;
flex-wrap: wrap;
}
#loadout-items>* {

60
client/public/stylesheets/style/style.css
View File

@@ -13,6 +13,7 @@ body {
display: grid;
margin: 0;
padding: 0;
position: fixed;
}
html,
@@ -305,29 +306,6 @@ form>div {
max-width: 16px;
}
.ol-panel-board {
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
.ol-panel-board>.panel-section {
border-right: 1px solid #555;
padding: 0 30px;
}
.ol-panel-board>.panel-section:first-child {
padding-left: 0px;
}
.ol-panel-board>.panel-section:last-child {
padding-right: 0px;
}
.ol-panel-board>.panel-section:last-of-type {
border-right-width: 0;
}
h1,
h2,
h3,
@@ -702,15 +680,21 @@ nav.ol-panel> :last-child {
/****************************************************************************************/
#splash-screen {
background-image: url("/resources/theme/images/splash/1.png");
background-position: 100% 50%;
background-size: 60%;
border-radius: var(--border-radius-md);
overflow: hidden;
width: 1200px;
width: 70%;
max-width: 1200px;
z-index: 99999;
}
@media (min-width: 1700px) {
#splash-screen {
background-image: url("/resources/theme/images/splash/1.png");
background-position: 100% 50%;
background-size: contain;
}
}
#splash-content {
background-color: var(--background-steel);
display: flex;
@@ -721,6 +705,12 @@ nav.ol-panel> :last-child {
width: 50%;
}
@media (max-width: 1700px) {
#splash-content {
width: auto;
}
}
#splash-content::after {
background-color: var(--background-steel);
content: "";
@@ -760,6 +750,10 @@ nav.ol-panel> :last-child {
font-size: 11px;
}
#splash-content #legal-stuff {
width: 100%;
}
#splash-content #legal-stuff h5 {
text-transform: uppercase;
}
@@ -770,12 +764,14 @@ nav.ol-panel> :last-child {
width: 120%;
}
#splash-content.ol-dialog-content {
margin: 0px;
@media (max-width: 1700px) {
#splash-content #legal-stuff p {
width: 100%;
}
}
.feature-splashScreen #splash-screen {
display: flex;
#splash-content.ol-dialog-content {
margin: 0px;
}
#gray-out {
@@ -794,6 +790,8 @@ nav.ol-panel> :last-child {
display: flex;
flex-direction: row;
margin: 10px 0px;
flex-wrap: wrap;
width: 100%;
}
#authentication-form>div {