[FEATURE] Use dropdown for secondary action items
authorBenni Mack <benni@typo3.org>
Sun, 17 Jan 2021 11:04:40 +0000 (12:04 +0100)
committerAndreas Fernandez <a.fernandez@scripting-base.de>
Mon, 21 Jun 2021 19:30:25 +0000 (21:30 +0200)
commitceebe9b661c8daf1f1dbd3d49de2d50239b63880
tree98dbac5e70101c86387fd2f9e81abe5de74c7093
parentc9e6a55f58eed7c15ed414cd3b672c07e2a3a112
[FEATURE] Use dropdown for secondary action items

This change replaces the "collapse-horizontal" functionality
of the extended view icons into a dropdown from Bootstrap,
allowing users to understand the icons better because the
text is now also written next to the icon (similar to
the Context Menu).

The horizontal collapsing is removed as a UX improvement
to
a) give consistency around other areas in TYPO3 Backend
b) was intended as a workaround to solve the Extended View rendering and to avoid button-hell
c) avoid confusion around editors when buttons are visually moving horizontally
d) the Extended View feature was unclear for editors when to enable it

In addition the "View" link is now moved into the secondary button group.

The Extended View checkbox is therefore removed as all secondary
options are always available.

Same functionality is also replaced in the File List module to use
the "..." icon to show that there are more actions available.

Side note: The dropdown needs a position-static due to
overflow-x: auto - see https://github.com/twbs/bootstrap/issues/29313#issuecomment-758412385

Resolves: #94390
Releases: master
Change-Id: I925aa7690068fbde3f3aa5217f3f5629a2a890d1
Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/67458
Tested-by: core-ci <typo3@b13.com>
Tested-by: Oliver Bartsch <bo@cedev.de>
Tested-by: Andreas Fernandez <a.fernandez@scripting-base.de>
Reviewed-by: Oliver Bartsch <bo@cedev.de>
Reviewed-by: Andreas Fernandez <a.fernandez@scripting-base.de>
15 files changed:
Build/Sources/Sass/typo3/_element_panel.scss
Build/Sources/Sass/typo3/_icons.scss
Build/Sources/Sass/typo3/structure/_module_web_list.scss
Build/Sources/TypeScript/filelist/Resources/Public/TypeScript/FileList.ts
typo3/sysext/backend/Resources/Public/Css/backend.css
typo3/sysext/core/Configuration/DefaultConfiguration.php
typo3/sysext/core/Documentation/Changelog/master/Feature-94390-DropdownForRecordListAndFileListInFavorOfExtendedView.rst [new file with mode: 0644]
typo3/sysext/filelist/Classes/Controller/FileListController.php
typo3/sysext/filelist/Classes/FileList.php
typo3/sysext/filelist/Resources/Private/Language/locallang_mod_file_list.xlf
typo3/sysext/filelist/Resources/Private/Partials/ListOptions.html
typo3/sysext/filelist/Resources/Private/Templates/FileList/Search.html
typo3/sysext/filelist/Resources/Public/JavaScript/FileList.js
typo3/sysext/recordlist/Classes/Controller/RecordListController.php
typo3/sysext/recordlist/Classes/RecordList/DatabaseRecordList.php