I just landed a quick fix for bug 1207163 so selected Talos jobs don't wrap the pinboard^ and [x] close buttons at smaller browser widths. Perhaps we can go one better and dynamically apply an override ng-class min-width on #job-tabs-panel if the selected job is Talos (5 tabs), and use the previous min-width for all other jobs (4 tabs). Sizes are: min-width: 565px (4 tabs) min-width: 625px (5 tabs, Talos) That way we'll maximize the users' experience and will collapse the Pinboard^ and [x] buttons a little further when only 4 tabs are visible.
Assignee: nobody → tojonmz
Status: NEW → ASSIGNED
Created attachment 8665403 [details] [review] PR 1002 PR for review :)
Attachment #8665403 - Flags: review?(emorley)
Commit pushed to master at https://github.com/mozilla/treeherder https://github.com/mozilla/treeherder/commit/f639b257466217e3b5cb2caf9c990508f1fedf22 Bug 1207304 - Dynamically set the min-width for job-tabs-panel This sets a dyanmic width for the job-tabs-panel so when non-Talos jobs are selected, we optimize the resize experience at small browser widths since only 4 tabs are visible. When Talos jobs are selected, we increase the size accordingly to accommodate 5 tabs.
Marking fixed per above merge. Will verify on the next push to stage/prod.
Status: ASSIGNED → RESOLVED
Last Resolved: 3 years ago
Resolution: --- → FIXED
Verified fixed on stage.
Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.