nalalangan/grocery-app
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases Wiki Activity

Allow household switcher reordering #3

Merged
nalalangan merged 8 commits from feature/household-reordering into feature-custom-store-locations 2026-05-31 00:26:48 -09:00
Conversation 0 Commits 8 Files Changed 21 +1 -11
2 changed files with 1 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit cae32b9fa4 - Show all commits

4
frontend/src/components/common/ListSearchInput.jsx
View File

@ -3,14 +3,12 @@ export default function ListSearchInput({ value, onChange, resultCount, totalCou
return ( return (
<div className="glist-search"> <div className="glist-search">
<label className="glist-search-label" htmlFor="grocery-list-search">
Search list
</label>
<div className="glist-search-row"> <div className="glist-search-row">
<input <input
id="grocery-list-search" id="grocery-list-search"
className="glist-search-input" className="glist-search-input"
type="search" type="search"
aria-label="Search list"
value={value} value={value}
onChange={(event) => onChange(event.target.value)} onChange={(event) => onChange(event.target.value)}
placeholder="Search list" placeholder="Search list"

8
frontend/src/styles/pages/GroceryList.css
View File

@ -358,14 +358,6 @@
margin: var(--spacing-xs) 0 var(--spacing-sm); margin: var(--spacing-xs) 0 var(--spacing-sm);
} }
.glist-search-label {
display: block;
margin-bottom: 4px;
color: var(--color-text-secondary);
font-size: var(--font-size-sm);
font-weight: 700;
}
.glist-search-row { .glist-search-row {
display: flex; display: flex;
align-items: center; align-items: center;