Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Rework buttonbar label visibility based on viewport #466

Merged
merged 1 commit into from
Jun 26, 2024

Conversation

brianlove
Copy link
Contributor

Adjust the visibility of the labels for the Reset, Download, and Column buttons based on the available space in the buttonbar. Download's label will hide first (still accessible to screen readers), followed by Add/Remove Columns, and finally Reset. If not enough space is available for the "Viewing X of Y..." text and/or buttons, they will wrap onto the next row of the buttonbar.

Closes #464

Screen.Recording.2024-06-25.at.11.45.06.PM.mov

Adjust the visibility of the labels for the Reset, Download, and Column
buttons based on the available space in the buttonbar.  Download's label
will hide first (still accessible to screen readers), followed by
Add/Remove Columns, and finally Reset.  If not enough space is available
for the "Viewing X of Y..." text and/or buttons, they will wrap onto the
next row of the buttonbar.

Closes #464
@brianlove brianlove requested a review from jmelot June 26, 2024 03:46
@brianlove brianlove self-assigned this Jun 26, 2024
Copy link

No need for rebasing 👍
behind_count is 0
ahead_count is 1

Copy link

☂️ Python Coverage

current status: ✅

Overall Coverage

Lines Covered Coverage Threshold Status
637 425 67% 0% 🟢

New Files

No new covered files...

Modified Files

No covered modified files...

updated for commit: 534e53d by action🐍

Copy link

JavaScript Coverage

Summary

Lines Statements Branches Functions
Coverage: 68%
68.43% (451/659) 55.58% (229/412) 69.89% (137/196)
Modified Files • (68%)
File% Stmts% Branch% Funcs% LinesUncovered Line #s
All files68.4355.5869.8968.26 
components64.5654.8164.4964.19 
   ListViewTable.jsx90.0674.7398.4389.93283, 366–367, 372–375, 492, 537, 647–649, 651–653, 744, 765–768, 784–785, 809–810, 813, 831–834, 858, 872–877

Copy link
Member

@jmelot jmelot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Still a little funky at 375 px in Edge/Chrome but this is an improvement!

Screenshot 2024-06-26 at 8 02 07 AM

@jmelot jmelot merged commit 079b386 into master Jun 26, 2024
5 checks passed
@jmelot jmelot deleted the fix-buttonbar-on-mobile branch June 26, 2024 12:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Button overflow on mobile
2 participants