-
Notifications
You must be signed in to change notification settings - Fork 16
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
2543: Remove poi list horizontal scroll bar #2544
Conversation
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.
1b6c540
to
47ba719
Compare
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.
Tested on Chrome, no horizontal scroll bar anymore 🎉
But there is no hyphen displayed for me neither in Chrome, nor in Firefox. If it is a lot of effort to add it, i am fine with the current solution
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.
Looks good to me now, and plenty of hyphens in Firefox
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.
Nice find :)
Just one small comment.
web/src/components/PoiListItem.tsx
Outdated
@@ -53,7 +53,9 @@ export const Description = styled.div` | |||
flex-grow: 1; | |||
padding: 0 22px; | |||
align-self: center; | |||
word-wrap: break-word; | |||
overflow-wrap: break-word; |
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.
don't think this is needed. Couldn't find an issue in chrome nor firefox
web/src/components/PoiListItem.tsx
Outdated
@@ -53,7 +53,9 @@ export const Description = styled.div` | |||
flex-grow: 1; | |||
padding: 0 22px; | |||
align-self: center; | |||
word-wrap: break-word; | |||
overflow-wrap: break-word; | |||
word-break: break-word; /* needed for Mozilla support */ |
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.
word-break: break-word; /* needed for Mozilla support */ | |
word-break: break-word; |
if overflow-wrap is not needed you can remove comment here
…igitalfabrik/integreat-app into 2543-poi-panel-scrollable-horizontally
47ba719
to
4fac0a6
Compare
excellent work! :) |
Short description
There is a horizontal scroll bar on Poi List Items on web. There should not be any horizontal scroll bar.
Steps to reproduce
Side effects
none
Resolved issues
Fixes: #2543