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

2543: Remove poi list horizontal scroll bar #2544

Merged
merged 5 commits into from
Nov 8, 2023

Conversation

lunars97
Copy link
Contributor

@lunars97 lunars97 commented Nov 7, 2023

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


@lunars97 lunars97 changed the title 2543: Removed poi list horizontal scroll bar 2543: Remove poi list horizontal scroll bar Nov 7, 2023
Copy link
Contributor

@LeandraH LeandraH left a comment

Choose a reason for hiding this comment

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

I'm still getting a (smaller) horizontal scrollbar. This is in Firefox with the window being 1512x831.

image

@lunars97 lunars97 force-pushed the 2543-poi-panel-scrollable-horizontally branch from 1b6c540 to 47ba719 Compare November 8, 2023 08:52
@lunars97 lunars97 requested a review from LeandraH November 8, 2023 09:06
Copy link
Member

@ztefanie ztefanie left a 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

Copy link
Contributor

@LeandraH LeandraH left a 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

Copy link
Contributor

@f1sh1918 f1sh1918 left a 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.

@@ -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;
Copy link
Contributor

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

@@ -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 */
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
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
@lunars97 lunars97 force-pushed the 2543-poi-panel-scrollable-horizontally branch from 47ba719 to 4fac0a6 Compare November 8, 2023 15:45
@lunars97 lunars97 merged commit 0d67cd1 into main Nov 8, 2023
4 checks passed
@lunars97 lunars97 deleted the 2543-poi-panel-scrollable-horizontally branch November 8, 2023 15:58
@Bekmuratovgo
Copy link

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

excellent work! :)

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.

The poi panel scrollable horizontally
5 participants