Added admn QOL stuff andalso made shop a bit easier to navigate with

collapsible sections.
This commit is contained in:
sarah committed 2026-09-03 21:27:19 +02:00
1 parent a055a74148
commit afb9dae47a
5 files changed
+379 -17

No files matched your search

+47
View File
@@ -1126,6 +1126,48 @@ input, button, textarea, select {
margin-top: 1.5rem;
}
.ShopSectionHeading {
margin-bottom: 0.75rem;
}
.ShopSectionToggle {
display: flex;
width: 100%;
gap: 0.55rem;
align-items: center;
padding: 0;
cursor: pointer;
color: var(--Text);
background: none;
border: 0;
font-size: inherit;
text-align: left;
}
.ShopSectionToggle:hover {
color: var(--Sky);
}
.ShopSectionToggle:focus-visible {
outline: 3px solid var(--Yellow);
outline-offset: 3px;
}
.ShopSectionArrow {
width: 1ch;
flex: 0 0 1ch;
color: var(--Overlay2);
transform-origin: center;
}
.ShopSectionToggle[aria-expanded="true"] .ShopSectionArrow {
transform: rotate(90deg);
}
.ShopSectionContent[hidden] {
display: none;
}
.ShopSeedList {
display: grid;
grid-template-columns: repeat( auto-fit, minmax(15rem, 1fr) );
@@ -1153,6 +1195,11 @@ input, button, textarea, select {
margin: 0;
}
.ShopItemHeaderOwned {
color: var(--Overlay1);
border-bottom-color: var(--Surface1);
}
.ShopItemBody {
display: grid;
grid-template-columns: 5.75rem minmax(0, 1fr);