feat(frontend): enhance trading item search and keyboard navigation

Implement weighted search scoring for trading items
Add keyboard support (arrows, enter) for item selection
Limit trading detail list height with independent scrolling
This commit is contained in:
2026-05-06 22:11:09 +08:00
parent cc440ea949
commit df78685dc3
3 changed files with 196 additions and 14 deletions

View File

@@ -5143,6 +5143,14 @@ button:disabled,
flex-wrap: wrap;
}
.trading-detail-list {
max-height: 360px;
overflow: auto;
padding-right: 4px;
overscroll-behavior: contain;
scrollbar-gutter: stable;
}
.trading-manager {
min-height: 640px;
display: grid;
@@ -5232,6 +5240,11 @@ button:disabled,
background: var(--surface-soft);
}
.trading-pick-row--active {
border-color: var(--pokemon-blue);
box-shadow: 0 0 0 2px rgba(42, 117, 187, .16);
}
.trading-pick-row__copy,
.trading-selected-list__copy {
min-width: 0;
@@ -5320,6 +5333,10 @@ button:disabled,
max-height: 240px;
}
.trading-detail-list {
max-height: 280px;
}
.trading-preference-toggle,
.trading-selected-list .plain-button--icon {
grid-column: 2;