diff options
Diffstat (limited to 'packages/meshbay-hub/src/meshbay_hub/static/search-page.js')
| -rw-r--r-- | packages/meshbay-hub/src/meshbay_hub/static/search-page.js | 9 |
1 files changed, 7 insertions, 2 deletions
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/search-page.js b/packages/meshbay-hub/src/meshbay_hub/static/search-page.js index 4ed3df1..81d4ac2 100644 --- a/packages/meshbay-hub/src/meshbay_hub/static/search-page.js +++ b/packages/meshbay-hub/src/meshbay_hub/static/search-page.js @@ -14,6 +14,7 @@ import { PhotosApp, groupPhotoAlbums } from './photos-app.js'; import { VideoPlayer } from './video-player.js'; import { transfers } from './transfers.js'; import { mergeUnitEntries } from './source-merge.js'; +import { useStickyBand } from './sticky.js'; const BATCH_SIZE = 3; // One WebRTC peer connection per group the search view touches. The cap bounds @@ -653,6 +654,10 @@ function SearchPage({ token, username, userId, groups, onPlayQueue, userPrefs }) // No-op setters for FilesPanel const noop = useCallback(() => {}, []); + // The search field and its view toggle are this page's equivalent of a + // group's tab bar: the same band, pinned the same way, publishing the same + // property for the toolbar underneath (style.css, "Sticky chrome"). + const searchBand = useStickyBand('--chrome-h'); // -- Render -- @@ -662,8 +667,8 @@ function SearchPage({ token, username, userId, groups, onPlayQueue, userPrefs }) const defaultGRef = useRef(null); return html` - <div> - <div class="search-bar"> + <div class="sticky-chrome"> + <div class="search-bar" ref=${searchBand}> <${Icon} name="search" /> <input type="text" placeholder=${t('search.placeholder')} |