ccm/btroops
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Record sheet layout

Browse Source
This commit is contained in:
Catalin Constantin Mititiuc 2025-06-16 22:41:31 -07:00
parent c0a6440b48
commit a528a96736
1 changed files with 15 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
public/assets/css/style.css
View File

@ -281,12 +281,16 @@ div#content {
} }
#record-sheet { #record-sheet {
/* max-height: 100%; */
overflow-y: auto;
display: flex; display: flex;
min-height: 0;
flex-direction: column; flex-direction: column;
/* display: none; */
background-color: gray; background-color: gray;
flex-grow: 1;
}
#record-sheet .records {
overflow-y: auto;
} }
#record-sheet .name { #record-sheet .name {
@ -294,9 +298,10 @@ div#content {
} }
#record-sheet > div { #record-sheet > div {
/* padding: 0 2px; */ flex: 1;
overflow-y: auto; min-height: 0;
/* border: 1px solid black; */ display: flex;
flex-direction: column;
} }
#record-sheet > div > p { #record-sheet > div > p {
@ -308,54 +313,39 @@ div#content {
} }
#record-sheet .soldier-record { #record-sheet .soldier-record {
/* border: 1px solid black; */
margin-bottom: 1px; margin-bottom: 1px;
padding: 6px 4px; padding: 6px 4px;
/* border-radius: 4px; */
} }
#record-sheet > div:last-of-type { #record-sheet > div:last-of-type {
margin-top: 2px; margin-top: 1px;
} }
#record-sheet > div > div:last-of-type { #record-sheet .records > div:last-of-type {
margin-bottom: 0; margin-bottom: 0;
} }
/* @media (width >= 1800px) { */ @media (width >= 1800px) {
@media (width >= 10px) {
#record-sheet { #record-sheet {
flex-direction: row; flex-direction: row;
/* gap: 2px; */
overflow-y: unset; overflow-y: unset;
min-height: 0; min-height: 0;
flex-grow: 1; flex-grow: 1;
/* height: 100%;
max-height: 100%; */
}
#record-sheet * {
/* display: none; */
} }
#record-sheet > div > p { #record-sheet > div > p {
margin-top: 0; margin-top: 0;
white-space: nowrap;
} }
#record-sheet > div { #record-sheet > div {
/* max-height: unset; */
/* overflow-y: unset; */
/* height: min-content; */
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
#record-sheet .records { #record-sheet .records {
/* max-height: 100vh; */
/* height: 561px; */
/* height: min-content; */
overflow-y: auto; overflow-y: auto;
} }
@ -364,12 +354,10 @@ div#content {
} }
#record-sheet > div:first-of-type > div { #record-sheet > div:first-of-type > div {
/* margin-left: 1px; */
margin-right: 1px; margin-right: 1px;
} }
#record-sheet > div:last-of-type > div { #record-sheet > div:last-of-type > div {
margin-left: 1px; margin-left: 1px;
/* margin-right: 1px; */
} }
} }