SawatoMosswartsEnjoyersClub/MosswartOverlord
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: move backpack contents below paperdoll, not below mana panel

Browse source
This commit is contained in:
Erik 2026-03-13 20:03:17 +01:00
parent a6e941eb01
commit 83deb20a7f
2 changed files with 22 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

13
static/script.js
View file

@ -1714,10 +1714,12 @@ function showInventoryWindow(name) {
packList.className = 'inv-pack-list'; packList.className = 'inv-pack-list';
sidebar.appendChild(packList); sidebar.appendChild(packList);
const leftColumn = document.createElement('div');
leftColumn.className = 'inv-left-column';
topSection.appendChild(equipGrid); topSection.appendChild(equipGrid);
topSection.appendChild(sidebar); topSection.appendChild(sidebar);
topSection.appendChild(manaPanel);
const bottomSection = document.createElement('div'); const bottomSection = document.createElement('div');
bottomSection.className = 'inv-bottom-section'; bottomSection.className = 'inv-bottom-section';
@ -1735,8 +1737,11 @@ function showInventoryWindow(name) {
itemSection.appendChild(itemGrid); itemSection.appendChild(itemGrid);
bottomSection.appendChild(itemSection); bottomSection.appendChild(itemSection);
invContent.appendChild(topSection); leftColumn.appendChild(topSection);
invContent.appendChild(bottomSection); leftColumn.appendChild(bottomSection);
invContent.appendChild(leftColumn);
invContent.appendChild(manaPanel);
const resizeGrip = document.createElement('div'); const resizeGrip = document.createElement('div');
resizeGrip.className = 'inv-resize-grip'; resizeGrip.className = 'inv-resize-grip';

23
static/style.css
View file

@ -713,11 +713,20 @@ body.noselect, body.noselect * {
.inventory-content { .inventory-content {
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: row;
background: none; background: none;
color: var(--ac-text); color: var(--ac-text);
overflow: hidden; overflow: hidden;
padding: 8px; padding: 8px;
gap: 14px;
}
.inv-left-column {
display: flex;
flex-direction: column;
flex: 1;
min-width: 0;
overflow: hidden;
} }
.inventory-placeholder { .inventory-placeholder {
@ -761,8 +770,8 @@ body.noselect, body.noselect * {
.inv-top-section { .inv-top-section {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
min-height: 464px;
gap: 14px; gap: 14px;
flex-shrink: 0;
} }
.inv-equipment-grid { .inv-equipment-grid {
@ -912,8 +921,7 @@ body.noselect, body.noselect * {
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-top: 8px; margin-top: 4px;
margin-right: 0;
overflow: hidden; overflow: hidden;
min-height: 0; min-height: 0;
} }
@ -958,8 +966,6 @@ body.noselect, body.noselect * {
border: 1px solid var(--ac-border-light); border: 1px solid var(--ac-border-light);
padding: 3px; padding: 3px;
min-height: 0; min-height: 0;
min-height: 460px;
height: 460px;
flex-shrink: 0; flex-shrink: 0;
overflow: hidden; overflow: hidden;
} }
@ -2422,19 +2428,16 @@ table.ts-allegiance td:first-child {
.inv-top-section { .inv-top-section {
justify-content: flex-start !important; justify-content: flex-start !important;
gap: 14px !important; gap: 6px !important;
} }
.inv-bottom-section { .inv-bottom-section {
flex-direction: column !important; flex-direction: column !important;
margin-right: 0 !important;
} }
.inv-mana-panel { .inv-mana-panel {
width: 162px !important; width: 162px !important;
min-width: 162px !important; min-width: 162px !important;
min-height: 460px !important;
height: 460px !important;
background: #111014 !important; background: #111014 !important;
border: 1px solid #5a4a24 !important; border: 1px solid #5a4a24 !important;
overflow: hidden !important; overflow: hidden !important;