Commit 8953b37
fix: use consistent empty state styling between list and folder views (#15555)
### What?
Uses the shared `NoListResults` component in the list view empty state,
matching the styling already used by the folder and browse-by-folder
views.
### Why?
The empty state for the list view (left-aligned, no border) looks
completely different from the folder view empty state (centered, dashed
border). This inconsistency was reported in #15524.
### How?
- Replaced the inline `collection-list__no-results` div in
`DefaultListView` with the existing `NoListResults` component from
`elements/NoListResults`
- Removed the now-unused `&__no-results` SCSS block from
`List/index.scss`
- Updated e2e test selectors from `.collection-list__no-results` to
`.no-results`
#### Before
<img width="1502" height="341" alt="Screenshot 2026-02-13 at 1 48 40 PM"
src="https://github.com/user-attachments/assets/9e673a6b-f223-4793-a4ec-69c4d8aadfd8"
/>
<img width="1501" height="365" alt="Screenshot 2026-02-13 at 1 48 48 PM"
src="https://github.com/user-attachments/assets/d2da1d41-10ac-44ac-869e-a6133dd1daf6"
/>
#### After
<img width="1500" height="336" alt="Screenshot 2026-02-17 at 3 34 37 PM"
src="https://github.com/user-attachments/assets/94e70bfe-e7ca-4a13-a193-dac8483ed646"
/>
<img width="1500" height="341" alt="Screenshot 2026-02-17 at 3 34 43 PM"
src="https://github.com/user-attachments/assets/38e2a9f5-ac38-4b1b-a144-6775350a1048"
/>
Fixes #15524
---------
Co-authored-by: Patrik Kozak <35232443+PatrikKozak@users.noreply.github.com>1 parent 9ae89dd commit 8953b37
File tree
57 files changed
+240
-89
lines changed- packages
- translations/src
- languages
- ui/src
- elements
- FolderView/Drawers/MoveToFolder
- ListControls
- ListHeader/TitleActions
- NoListResults
- views
- BrowseByFolder
- CollectionFolder
- List
- test
- bulk-edit
- group-by
- query-presets
- trash
Some content is hidden
Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.
57 files changed
+240
-89
lines changed| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
291 | 291 | | |
292 | 292 | | |
293 | 293 | | |
| 294 | + | |
| 295 | + | |
294 | 296 | | |
295 | 297 | | |
296 | 298 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
356 | 356 | | |
357 | 357 | | |
358 | 358 | | |
| 359 | + | |
| 360 | + | |
359 | 361 | | |
360 | 362 | | |
361 | 363 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
369 | 369 | | |
370 | 370 | | |
371 | 371 | | |
| 372 | + | |
| 373 | + | |
| 374 | + | |
372 | 375 | | |
373 | 376 | | |
374 | 377 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
366 | 366 | | |
367 | 367 | | |
368 | 368 | | |
| 369 | + | |
| 370 | + | |
| 371 | + | |
369 | 372 | | |
370 | 373 | | |
371 | 374 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
371 | 371 | | |
372 | 372 | | |
373 | 373 | | |
| 374 | + | |
| 375 | + | |
| 376 | + | |
374 | 377 | | |
375 | 378 | | |
376 | 379 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
370 | 370 | | |
371 | 371 | | |
372 | 372 | | |
| 373 | + | |
| 374 | + | |
| 375 | + | |
373 | 376 | | |
374 | 377 | | |
375 | 378 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
368 | 368 | | |
369 | 369 | | |
370 | 370 | | |
| 371 | + | |
| 372 | + | |
| 373 | + | |
371 | 374 | | |
372 | 375 | | |
373 | 376 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
365 | 365 | | |
366 | 366 | | |
367 | 367 | | |
| 368 | + | |
| 369 | + | |
| 370 | + | |
368 | 371 | | |
369 | 372 | | |
370 | 373 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
365 | 365 | | |
366 | 366 | | |
367 | 367 | | |
| 368 | + | |
| 369 | + | |
| 370 | + | |
368 | 371 | | |
369 | 372 | | |
370 | 373 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
376 | 376 | | |
377 | 377 | | |
378 | 378 | | |
| 379 | + | |
| 380 | + | |
| 381 | + | |
379 | 382 | | |
380 | 383 | | |
381 | 384 | | |
| |||
0 commit comments