Skip to content
  • Benjamin Kott's avatar
    [TASK] Polish SvgTree component styling · 5ecfceb4
    Benjamin Kott authored and Georg Ringer's avatar Georg Ringer committed
    This patch is cleaning up a lot of loose ends in the svg tree component.
    It aims to make the component look more clean and polished.
    
    - Unify focus styling with selected, hover and versioning
    - Ensure the whole node looks focused instead of only some text
    - Replace expand icon to match core icon styling
    - Hide expand icon if page tree is stopped
    - Move trigger to enter stopped pagetree to the front
    - Remove blurry lines for background borders
    - Make the edit input fields use as much space as is available
    - Load common icons always on setup to avoid node refresh on initial loads
    - Reposition the locked icon (another editor is editing)
    - Correct keyboard navigation behaviour and focus setting
    - Keep focus after leaving the edit mode without changes
    - Adjust positioning to rely on calculation instead of hardcoded values
    - Align drag delete target
    - Make drag positions more visible to the user when moving a page
    - Improve styling of tooltips when dragging elements
    - Add border to select tree component to make scroll boundaries visible
    
    Affected Areas:
    - PageTree
    - FileTree
    - SelectTree
    
    Releases: main
    Resolves: #97344
    Change-Id: I6034e0cbc1079b93b24c5c1a99e0299946874b2f
    Reviewed-on: https://review.typo3.org/c/Packages/TYPO3.CMS/+/74203
    
    
    Tested-by: default avatarBenjamin Franzke <bfr@qbus.de>
    Tested-by: default avatarcore-ci <typo3@b13.com>
    Tested-by: default avatarGeorg Ringer <georg.ringer@gmail.com>
    Reviewed-by: default avatarBenjamin Franzke <bfr@qbus.de>
    Reviewed-by: default avatarGeorg Ringer <georg.ringer@gmail.com>
    5ecfceb4