1820262 - Use the `env(scrollbar-inline-size)` to add padding end to the column picker

Status: RESOLVED FIXED

(Thunderbird :: Folder and Message Lists, enhancement)

Description

[Alessandro Castellani [:aleca]]

Since the entire tree list container is scrollable and the table header is in a sticky position, the scrollbar goes on top of it.
This is a bit annoying when the OS scrollbar has a "floating" style and it's selected, which ends up covering a good part of the column picker button when selected.

We should add a padding at the end of the column picker button based on an environmental variable detecting the width of the expanded OS scrollbar.
E.g.: padding-inline-end: env(scrollbar-inline-size);

Comment 1

[Alessandro Castellani [:aleca]]

Attachment: Bug 1820262 - Use the env(scrollbar-inline-size) to add padding end to the column picker. r=#thunderbird-front-end-reviewers,emilio

Comment 2

[Thomas D. (:thomas8)]

Attachment: Screenshot 1: Column picker vs. scroll bar in TB 102

This is how it looks in TB 102, which seems space-efficient and orderly. Are we able to restore that here?

Comment 3

[Alessandro Castellani [:aleca]]

(In reply to Thomas D. (:thomas8) from comment #2)

This is how it looks in TB 102, which seems space-efficient and orderly. Are we able to restore that here?

This bug and patch are specific for the overlay scrollbar.
We're not changing anything for those OSs that have "Always show scrollbars" enabled.

Comment 4

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/comm-central/rev/4b7729eea06b
Use the env(scrollbar-inline-size) to add padding end to the column picker. r=emilio