Skip to content
Snippets Groups Projects
Commit 797cc100 authored by Oliver Bartsch's avatar Oliver Bartsch
Browse files

[TASK] Unify backend filter styling

Improves the overall look and feel of the filters in
various backend modules, thanks to the new bootstrap v5
grid. We can therefore now rely on flex-form instead of
float technology. By using the `g-X` gutter classes and
the `align-items-X` arrangement classes, we ensure the
positioning and spacing is the same in each module.

This allows to effectively remove the `form-inline-spaced`
class since this can easily be done with flex-form
and the mentioned classes in bootstrap v5.

Adjustments done:

* Use of flex-form to align and position form fields
* Add missing labels and unify arrangement
* Adjust size and position of form components
* Unify select field size
* Unify search field display
* Unify submit and reset button styles

Resolves: #94042
Resolves: #94026
Releases: master
Change-Id: Iae95a3e90179c6708ce6e1f0f272f267b6cae645
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/68926


Tested-by: default avatarBenjamin Franzke <bfr@qbus.de>
Tested-by: default avatarcore-ci <typo3@b13.com>
Tested-by: default avatarNikita Hovratov <nikita.h@live.de>
Tested-by: default avatarOliver Bartsch <bo@cedev.de>
Reviewed-by: default avatarBenjamin Franzke <bfr@qbus.de>
Reviewed-by: default avatarNikita Hovratov <nikita.h@live.de>
Reviewed-by: default avatarOliver Bartsch <bo@cedev.de>
parent 978d2cf0
Showing
with 171 additions and 144 deletions
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment