-
Notifications
You must be signed in to change notification settings - Fork 8
Added wrap-around styling for demo name in export to excel window #1263
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
base: beta
Are you sure you want to change the base?
Conversation
… for when the browser is too narrow
dondi
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Code looks good but we have some UA feedback that we can address here
|
|
||
| .export-radio-group li | ||
| display: flex; | ||
| align-items: center; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Per UA (user acceptance) feedback, let’s change this to align-items: flex-start
| align-items: center; | |
| align-items: flex-start; |
This change usually has a side-effect where the radio will then look off when the item is just one line, so…
| margin-bottom: 8px; | ||
|
|
||
| .export-radio | ||
| margin-top: 3px; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
…maybe not here, but potentially somewhere else, usually when we have top-alignment, one or more items will need margin-top adjustments so that they appear to be centered when the items are short enough for one line
merging beta into remote branch :wq
I don't think there's an official issue/ticket for this but I remember during our last meeting that Dr. Dhalquist mentioning wanting to fix how the demo name starts below the select button (in the export to excel pop-up) when the browser gets too narrow. I added wrap styling for when the browser is too narrow - see attached screenshot for what it looked like before vs now. If we want it to look differently I can change that as well but this is what I came up with!