diff options
Diffstat (limited to 'packages/meshbay-hub/src/meshbay_hub/static/photos-app.js')
| -rw-r--r-- | packages/meshbay-hub/src/meshbay_hub/static/photos-app.js | 20 |
1 files changed, 13 insertions, 7 deletions
diff --git a/packages/meshbay-hub/src/meshbay_hub/static/photos-app.js b/packages/meshbay-hub/src/meshbay_hub/static/photos-app.js index a58af8c..2c4356c 100644 --- a/packages/meshbay-hub/src/meshbay_hub/static/photos-app.js +++ b/packages/meshbay-hub/src/meshbay_hub/static/photos-app.js @@ -353,13 +353,19 @@ function PhotosApp({ <p class="page-message">${t('photo.no_roots_configured')}</p> `} ${status === 'connected' && (photoDirectories || []).length > 0 && !openAlbum && html` - <div class="photo-toolbar"> - ${!hideFilter && html`<div class="tb-search"> - <${Icon} name="search" /> - <input type="text" placeholder="${t('group.filter')}" - value=${filter} onInput=${(e) => setFilter(e.target.value)} /> - </div>`} - </div> + ${/* The filter is the only thing in it, so under `hideFilter` there is + no toolbar rather than an empty one — an empty band still pins, + and would hold a strip of the page open under the search field + for nothing. */ + !hideFilter && html` + <div class="photo-toolbar"> + <div class="tb-search"> + <${Icon} name="search" /> + <input type="text" placeholder="${t('group.filter')}" + value=${filter} onInput=${(e) => setFilter(e.target.value)} /> + </div> + </div> + `} ${filteredAlbums.length === 0 && html` <p class="page-message">${needle ? t('group.empty_filter') : t('photo.empty')}</p> `} |