🆙 100% Guild Furni Catalog Page

This commit is contained in:
duckietm
2026-06-11 13:16:29 +02:00
parent 40864cf880
commit de38371069
4 changed files with 77 additions and 32 deletions
-20
View File
@@ -866,10 +866,6 @@
border: 2px solid #62c4e8 !important;
box-shadow: none !important;
}
.nitro-catalog-classic-window .layout-grid-item.has-guild-tint:not(.has-highlight):not(.is-active) {
background: var(--guild-tint) !important;
}
}
.nitro-catalog-classic-window .layout-grid-item.has-highlight {
@@ -1474,9 +1470,6 @@
}
.nitro-catalog-classic-window *::-webkit-scrollbar-thumb {
/* Grip: a single 2px #a0a0a0 stripe in an 8px-wide centered band,
repeated every 5px (2px stripe + 3px body gap).
Outline: 1px black border, then a 2px white inset frame inside it. */
min-height: 24px !important;
background:
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='5'><rect x='0' y='0' width='8' height='2' fill='%23a0a0a0'/></svg>") center top / 8px 5px repeat-y,
@@ -1498,9 +1491,6 @@
#bcbcbc !important;
}
/* Arrow buttons: light grey cap with rounded OUTER corners (up button
rounded at the top, down button rounded at the bottom), 1px black
border, dark chevron via inline SVG. */
.nitro-catalog-classic-window *::-webkit-scrollbar-button:single-button:vertical:decrement {
display: block !important;
width: 18px !important;
@@ -1617,13 +1607,6 @@
display: none !important;
}
/* Stack the navigation above the furni/preview layout and let the
whole content area scroll. The previous grid used
`grid-template-rows: auto minmax(0, 1fr)`, but on iOS Safari the
flex height chain is indefinite, so the 1fr layout-shell row
collapsed to 0 and only the sidebar (category list) was visible.
A flex column sized to content + a scrollable content-shell is
device-robust. */
.nitro-catalog-classic-stage,
.nitro-catalog-classic-stage.is-navigation-hidden {
display: flex;
@@ -1639,9 +1622,6 @@
max-height: 30vh;
}
/* The default layout's children (preview, grid, buy bar) are
absolutely positioned against a fixed ~460px box, so give the
shell a definite height and never clip it on mobile. */
.nitro-catalog-classic-layout-shell {
flex: 0 0 auto;
width: 100%;