Design for filters and bulk operations

Problem/Motivation

The UI for filters and bulk operations on listings (content, files, comments, users and more) are inconsistent and not very pretty.

Content:

Comments:

Users:

Proposed resolution

1. View with filters + actions

By default, the only view with both filters and actions is People page:
- People (/admin/people): #2023683: Improve the layout and usability of the admin/people exposed filters and actions →

Proposed design:

2. View with filters.

The rest of the views that have several filters in a fieldset. The proposed design follows the style guide (https://groups.drupal.org/node/283223#Fieldset).
- @TODO: Decide label for the field set to suit both filters and sort options.
List of places in core where it can be found:
- Content (/admin/content) 📌 Visually encapsulate the content listing filter to distinguish it from the 'add content' action link Closed: outdated
- Files (/admin/content/files)
- Custom block library (/admin/structure/block/block-content)

In case there are several lines of filters, they should be nicely placed in several lines: 📌 Too many exposed filters and operators create weird view Closed: duplicate .

3. Single text filters (filtering in-page).

This one is a single filter used to filter elements in the current page. A new design have been created with a bigger input and a magnifying glass to make it clear what is its purpose. List of places in core where it can be found:
- Views (/admin/structure/views)
- Extend (/admin/modules)
- Uninstall (/admin/modules/uninstall)

4. Single filters with button (paged list).

A single filter appearing used to filter elements in several pages. In this case the single filter should be envolved in a fieldset and a button will be placed inline, following the current design in the styleguide (https://groups.drupal.org/node/283223#Fieldset).

List of places in core where it can be found:
- URL aliases (/admin/config/search/path)

5. Only actions.

The design to use should be the same used for People view page.
List of places in core where it can be found:
- Comments (/admin/content/comment)
- Unapproved comments (/admin/content/comment/approval)

3. You are here: Implement:
   • #2023683: Improve the layout and usability of the admin/people exposed filters and actions →
   • 📌 Visually encapsulate the content listing filter to distinguish it from the 'add content' action link Closed: outdated
   • 📌 Too many exposed filters and operators create weird view Closed: duplicate
   • @TODO: Create issue for single filter in-page (Filters 3)
   • @TODO: Create issue to fix styles in URL aliases (Filters 4)
   • @TODO: Find related issues or create a new one for styling system actions in comments (not views) (Filters 5)

User interface changes

Pretty & consistent UI pattern and design for filters and bulk operations on listing pages.

API changes

?

Data model changes

?