noNameWEB/SealShare
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

Let the dashboard's sort dropdown span the shares card

Browse Source 
The sort select above the admin dashboard's shares list was capped at
20rem by the admin-shares-sort wrapper. The wrapper and its rule in
app.css are gone, so the select stretches with the card's stack like
the other fields. CHANGELOG (Unreleased) notes it.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Andreas Reinhold / reini
2026-09-17 15:38:11 +02:00
co-authored by Claude Opus 5
parent e057cada3d
commit 845bf062ed
3 changed files with 15 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/app.css
-9
View File
@@ -289,15 +289,6 @@
max-inline-size: 24rem;
}
/*
* resources/views/livewire/admin/admin-dashboard.blade.php: the sort select above the shares list
* keeps to the width its longest option needs instead of spanning the card. No `<x-select>` width
* prop caps it, and 20rem matches no `<x-pane>` preset.
*/
.admin-shares-sort {
max-inline-size: 20rem;
}
/*
* resources/views/livewire/admin/admin-dashboard.blade.php: a share's details are two lines of
* their own (its files, size and downloads; its expiry), and they wrap rather than clip. The
resources/views/livewire/admin/admin-dashboard.blade.php
+14 -16
View File
@@ -9,27 +9,25 @@
</x-grid>
{{-- The shares as a list, not a table: a table's columns need more than the page's 40rem, and
every page keeps that one width. The sort is a select above the list instead of column headers. --}}
every page keeps that one width. The sort is a full-width select above the list instead of column headers. --}}
<x-card :title="__('All Shares')" heading="h2" variant="outlined">
<x-stack gap="space200">
@if ($shares->total() === 0)
<x-empty-state icon="link_off" :title="__('No shares yet')" :description="__('Shares appear here once someone uploads files.')" />
@else
<div class="admin-shares-sort">
<x-select
wire:model.live="sort"
:label="__('Sort by')"
:options="[
['id' => 'newest', 'name' => __('Newest first')],
['id' => 'oldest', 'name' => __('Oldest first')],
['id' => 'expiring', 'name' => __('Expiring soonest')],
['id' => 'largest', 'name' => __('Largest')],
['id' => 'most-downloaded', 'name' => __('Most downloads')],
['id' => 'most-files', 'name' => __('Most files')],
]"
data-test="shares-sort"
/>
</div>
<x-select
wire:model.live="sort"
:label="__('Sort by')"
:options="[
['id' => 'newest', 'name' => __('Newest first')],
['id' => 'oldest', 'name' => __('Oldest first')],
['id' => 'expiring', 'name' => __('Expiring soonest')],
['id' => 'largest', 'name' => __('Largest')],
['id' => 'most-downloaded', 'name' => __('Most downloads')],
['id' => 'most-files', 'name' => __('Most files')],
]"
data-test="shares-sort"
/>
{{-- Each share fits the column on a phone: the token opens it, so delete is the one button;
the details are two short lines that never clip (admin-shares, app.css). --}}