Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

Fix the weird gradient on the spaces bar #12229

Closed
wants to merge 75 commits into from

Conversation

dbkr
Copy link
Member

@dbkr dbkr commented Feb 5, 2024

Really this mostly just needed a margin above the TAC button (which the Add Space button did) to space it out from the, uh, spaces. Having done that, I got annoyed by the fact that the gradients were percentage-based and so the amount that got faded out depended on how tall your element window was, so most of the changes here are to fix the gradients to be fixed pixel offsets from the top & bottom.

Fixes https://github.com/element-hq/wat-internal/issues/148

Checklist

  • Tests written for new code (and old code if feasible)
  • Linter and other CI checks pass
  • Sign-off given on the changes (see CONTRIBUTING.md)

Here's what your changelog entry will look like:

🐛 Bug Fixes

  • Fix the weird gradient on the spaces bar (#12229). Fixes element-hq/wat-internal#148.

florianduros and others added 30 commits January 3, 2024 14:53
…ds/pop-out-panel

# Conflicts:
#	src/i18n/strings/en_EN.json
Just shows notif & unread counts for main thread if the TAC is enabled.
Hopefully this is a sensible enough way. The panel will stay open of
course (ie. if you go to a different room & come back), but that's the
nature of the right panel.
Open thread panel when thread clicked in Threads Activity Centre
dbkr and others added 6 commits February 2, 2024 11:04
Make the button 32x32 (and the inner icon 24x24)
Fix narrow hover background on TAC button
Add test for the ThreadsActivityCentre component
Really this mostly just needed a margin above the TAC button (which
the Add Space button did) to space it out from the, uh, spaces.
Having done that, I got annoyed by the fact that the gradients were
percentage-based and so the amount that got faded out depended on how
tall your element window was, so most of the changes here are to fix
the gradients to be fixed pixel offsets from the top & bottom.
 * New gradients with an extra colour stop to bias more of the fade
   to the extremeties
 * Fixed issue where the space panel would grow fatter when it was
   big enough to scroll because we didn't leave space for the scrollbar
 * Added fixed width for the space panel rather than trying to size it
   based on contents + padding
 * Fixed position of the separator line between the user menu and the
   spacves which should be 12px either side of the separator.
befor the gradient starts. Also put the gradient back to simple two stops.
Smaller 16px gradient and 40px gap between threads icon & bottom space icon
@dbkr
Copy link
Member Author

dbkr commented Feb 19, 2024

Actually the other changes in this were broken so I've split out just the gradient changes to #12262 and will fix the scrollbar separately.

@dbkr dbkr closed this Feb 19, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
T-Defect Bugs, crashes, hangs, vulnerabilities, or other reported problems
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants