ge-aerospace/shopdb-flask
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix collapse, group skew, empty tables and the tab strip scrollbar

Browse Source
This commit is contained in:
Cameron Proudlock
2026-08-31 15:01:24 -04:00
parent 2fce339735
commit b21503e250
7 changed files with 70 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/AssetDetailTabs.vue
View File

@@ -70,11 +70,21 @@ function onKey(event, index) {
.adt {
display: flex;
gap: 2px;
/* overflow-y MUST be stated. Per the spec, when one axis is not `visible`
the other computes from `visible` to `auto` - so `overflow-x: auto` alone
silently makes this scrollable vertically too, and the -1px margin the
tabs use to sit on the border is enough to trip it. The result is a tiny
vertical scrollbar inside the strip. */
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: thin;
border-bottom: 1px solid var(--border);
margin-bottom: 1.25rem;
}
.adt-tab {
/* Never shrink: a squeezed tab wraps its label, which grows the strip and is
what horizontal scrolling exists to avoid. */
flex: none;
font: inherit;
font-size: 0.875rem;
font-weight: 500;