Fix UI glitches 2025

[tvdeyen]

What is this pull request for?

It is this time of the year where I spent some time to fix lots of small UI glitches that have summed up over
the time. Visually broken software feels cheap and broken, so we need to polish from time to time.

1. Fix element header icons sizes and spaces
   On narrow screens with compact elements we weren't able
   to see the element icon properly.

2. Fix video attachment window size
   We need it to be as wide as the other attachments
   in order for the file info text disaply to work.

3. Fix file ingredient vertical alignment
   The icons and text where vertically off.

4. Fix headline ingredient select focus style

5. Fix locked page tab vertical alignment

6. fix(resource-info): Allow multiline values
   We changed that to fix an issue with long
   attachment names, but we also use this
   at the page info dialog, where we need
   a multiline value.

7. fix(locked pages): Make horizontally scrollable
   For many locked pages we want to be able to
   scroll and not wrap the text weirdly.

8. Highlight user info
   This is not part of the locked pages section
   and a interactive menu like interface. It should
   be visually part of the toolbar.

9. Do not truncate locked page name
   The container is scrollable now and we want
   to see the full page name.

10. Hide user info on small screens
    We can use the precious screen space
    for more useful information, like
    locked pages.

11. feat(user info): Show icon
    Use an icon instead of a long sentence
    saves some precious screen space and
    is widely adopted.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 97.20%. Comparing base (e47d0e0) to head (826ca9b).
⚠️ Report is 12 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #3524   +/-   ##
=======================================
  Coverage   97.20%   97.20%           
=======================================
  Files         287      287           
  Lines        7586     7587    +1     
=======================================
+ Hits         7374     7375    +1     
  Misses        212      212           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[alchemycms-bot]

💔 All backports failed

Status	Branch	Result
❌	8.0-stable	Backport failed because of merge conflicts You might need to backport the following PRs to 8.0-stable: - Remove dialog sitemap css code - Fix sitemap highlight color in dark mode - Make create element dialog wider (#3445) - Fix element icon hover for elements with warning (#3444) - Fix select2 close icon visibility (#3443)

Manual backport

To create the backport manually run:

backport --pr 3524

Questions ?

Please refer to the Backport tool documentation and see the Github Action logs for details

[alchemycms-ci-bot]

💚 All backports created successfully

Status	Branch	Result
✅	8.0-stable

Questions ?

Please refer to the Backport tool documentation