-
-
Notifications
You must be signed in to change notification settings - Fork 4.4k
chore(github): Changes the max-width to absolute value to eliminate excess whitespace #93247
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
Conversation
❌ 4 Tests Failed:
View the top 3 failed test(s) by shortest run time
To view more test analytics, go to the Test Analytics Dashboard |
const FullText = styled('span')` | ||
display: inline; | ||
|
||
@media (max-width: 768px) { | ||
display: none; | ||
} | ||
`; | ||
|
||
const ShortText = styled('span')` | ||
display: none; | ||
|
||
@media (max-width: 768px) { | ||
display: inline; | ||
} | ||
`; |
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.
This isn't a great UX, especially since from the screenshot there is a huge amount of whitespace on either side. Dropdowns are already overlays so a tooltip on top is pretty unexpected.
The better solution IMO would be to remove max-width: 33px
from StyledContainer
and replace it with an actual px value. LMK if that fixes the issue, if not we can work through it together.
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.
I just tried and damn yeah it looks so much better 😭
…xcess whitespace (#93247)
Instead changes the max-width to absolute value to eliminate excess whitespace - credit to leander 🙏
small screen

normal screen
