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

First carrousel image onboarding is cut off #10427

Closed
hesterbruikman opened this issue Apr 24, 2020 · 6 comments
Closed

First carrousel image onboarding is cut off #10427

hesterbruikman opened this issue Apr 24, 2020 · 6 comments
Assignees

Comments

@hesterbruikman
Copy link
Contributor

Problem

In dark mode it becomes visible that the walkie-talkie is cut off at the bottom.

Screenshot_20200424-112146_Status PR

Implementation

Requires investigation as to why the image is cut off.
Specification of image size, position and padding in Figma

Acceptance Criteria

Full image is shown

Notes

cc @errorists for review

Future Steps

@emizzle
Copy link

emizzle commented Apr 27, 2020

@hesterbruikman, which device is this? I've tested on a Pixel 2 and cannot replicate. Imgur

@hesterbruikman
Copy link
Contributor Author

Ah interesting. This is on Galaxy S10e. Let me check iPhone 👀

@emizzle emizzle self-assigned this Apr 27, 2020
emizzle pushed a commit that referenced this issue Apr 27, 2020
Fixes #10427

### Summary
Narrow devices were causing text in the intro carousel to grow to two lines on *the first* slide but not others, causing the height to be recalculated incorrectly on the last slide (that only had one line of text).

Create a vector of atoms that can individually track the heights required for each slide independently.

### Testing notes
#### Areas that maybe impacted
- Intro screen

status: ready
@emizzle
Copy link

emizzle commented Apr 27, 2020

@hesterbruikman -- seemed to happen on narrow devices (where the title was pushed to two lines). See the comments in #10442 as there is some UI guidance needed.

@hesterbruikman
Copy link
Contributor Author

Good catch, looks like that's it. Just checked iPhone 8 which is fine too. @errorists any advice on how to handle text on small screens in onboarding carousel?

@errorists
Copy link
Contributor

@hesterbruikman I already commented in the issue

emizzle pushed a commit that referenced this issue Apr 29, 2020
Fixes #10427

Narrow devices were causing text in the intro carousel to grow to two lines on *the first* slide but not others, causing the height to be recalculated incorrectly on the last slide (that only had one line of text).

Create a vector of atoms that can individually track the heights required for each slide independently.

- Intro screen

status: ready
flexsurfer pushed a commit that referenced this issue May 6, 2020
…ow to two lines on *the first* slide but not others, causing the height to be recalculated incorrectly on the last slide (that only had one line of text).
flexsurfer pushed a commit that referenced this issue May 6, 2020
…ow to two lines on *the first* slide but not others, causing the height to be recalculated incorrectly on the last slide (that only had one line of text).
flexsurfer pushed a commit that referenced this issue May 6, 2020
…ow to two lines on *the first* slide but not others, causing the height to be recalculated incorrectly on the last slide (that only had one line of text).
flexsurfer pushed a commit that referenced this issue May 7, 2020
…ow to two lines on *the first* slide but not others, causing the height to be recalculated incorrectly on the last slide (that only had one line of text).
flexsurfer pushed a commit that referenced this issue May 8, 2020
…ow to two lines on *the first* slide but not others, causing the height to be recalculated incorrectly on the last slide (that only had one line of text).

Signed-off-by: Andrey Shovkoplyas <motor4ik@gmail.com>
@hesterbruikman
Copy link
Contributor Author

Fixed in #10442

@Ferossgp Ferossgp moved this from To do to Done in UI development Sep 15, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Development

Successfully merging a pull request may close this issue.

3 participants