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 manager

Browse Source
This commit is contained in:
Pax1601
2023-09-25 17:35:17 +02:00
parent 099cbfdf75
commit e9100504a0
6 changed files with 421 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

135
client/plugins/databasemanager/style.css
View File

@@ -1,17 +1,53 @@
#database-control-panel {
display: flex;
flex-direction: row;
flex-direction: column;
width: 80%;
height: 80%;
padding: 10px;
}
#database-control-panel * {
font-size: 13;
font-weight: bold;
}
#database-control-panel>div:first-child {
display: flex;
column-gap: 2px;
align-items: center;
}
.dc-container {
display: flex;
flex-direction: row;
width: 100%;
height: 100%;
padding: 10px;
}
.dc-container>div {
min-width: 200px;
width: fit-content;
margin: 10px;
}
.dc-container>div:nth-child(3) {
flex: 1;
}
.dc-scroll-container {
overflow-y: scroll;
display: flex;
flex-direction: column;
overflow-y: auto;
max-height: 600px;
margin: 10px;
color: black;
font-weight: bold;
}
.dc-scroll-container>* {
padding: 2px;
}
.dc-scroll-container>div:nth-child(even) {
background-color: gainsboro;
}
@@ -20,26 +56,103 @@
background-color: white;
}
.dc-scroll-container>div:hover{
.dc-scroll-container>div *:nth-child(1) {
height: 100%;
width: 100%;
}
.dc-scroll-container>div *:nth-child(1):hover{
background-color: var(--secondary-blue-text);
color: white;
cursor: pointer;
}
.dc-content-container {
margin: 10px;
.dc-scroll-container>div {
display: flex;
align-items: center;
justify-content: space-between;
}
.dc-content-container>dd>input {
.dc-scroll-container>div>button {
height: 20px;
width: 20px;
padding: 0px;
}
.dc-content-container {
margin: 10px;
display: flex;
flex-direction: column;
row-gap: 5px;
}
.input-row {
width: 100%;
display: flex;
flex-direction: row;
}
.input-row>dt {
width: 150px;
}
.input-row>dd {
width: 100%;
}
.input-row>dd>* {
width: 100%;
font-weight: bold;
}
.dc-loadout-container {
max-height: 200px;
width: 300px;
max-height: 100%;
width: 400px;
}
.dc-items-container {
max-height: 200px;
max-height: 100%;
height: fit-content;
}
.dc-items-container>div {
display: flex;
align-items: center;
column-gap: 2px;
}
.dc-items-container>div>label {
width: 80px !important;
}
.dc-items-container div>input:nth-of-type(1) {
width: 100%;
}
.dc-items-container div>input:nth-of-type(2) {
width: 40px;
}
.dc-new-element-input {
display: flex;
flex-direction: row;
column-gap: 2px;
width: 100%;
align-items: center;
}
.dc-new-element-input>input {
width: 100%;
}
.dc-new-element-input>button {
width: 60px;
}
.dc-new-item-input {
display: flex;
justify-content: end;
}
.dc-new-item-input>button {
width: 60px;
}