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

Fix the weird gradient on the spaces bar - #12229

Closed
dbkr wants to merge 75 commits into
developfrom
dbkr/fix_spaces_bar_gradient_2
Closed

Fix the weird gradient on the spaces bar#12229
dbkr wants to merge 75 commits into
developfrom
dbkr/fix_spaces_bar_gradient_2

Conversation

@dbkr

@dbkr dbkr commented Feb 5, 2024

Copy link
Copy Markdown
Member

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.
dbkr added 2 commits February 7, 2024 11:28
 * 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

dbkr commented Feb 19, 2024

Copy link
Copy Markdown
Member Author

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