Navigation arrows cover content

[mivoligo]

The left and right navigation arrows cover text on the pages. Screenshot with example attached.

[didrocks]

This depends on your browser size, correct? and if you scroll down, then, you can copy the content and read it all, correct?

I'm unsure where we would put them if not in a fixed position?

[mivoligo]

Yes, it does depend on the browser size. It's true that in the case visible on the screenshot, I can scroll down to see the text to copy. But generally the last line of text which is at the bottom of the page is covered by the navigation arrows even if I scroll down maximally.

Possible solutions:

• make sure the page content is above the arrows when scrolled down (move the arrows down a bit)
• make the navigation arrows semi-transparent

[didrocks]

oh, do you have particular codelabs steps when that happens? I think we can add some general padding at the bottom if needed.

[mivoligo]

In "Create your first snap" steps: 4,5,6,8
In "Basic snap usage" steps: 2,3,4,5

[mivoligo]

Interestingly, in the narrow view (without the navigation on the left hand side), the padding is just fine. When I scroll down, the arrows are below the text.

[mivoligo]

[mivoligo]

[didrocks]

Yes! Ok, I'll add a little bit of padding to fix it in the coming days. Thanks for your help and feedback! :)

[mivoligo]

awesome! thanks for working on this!

[Apeshere]

(screenshot page link:http://localhost:8123/codelabs/create-first-snap#5)
just to add an additional screenshot on the situation, scrolled all the way down, but still can't see one of the word in the last sentence. Same thing happens from step 3 to step 6, and step 8 in the create your first snap codelab.

here is my browser info:
Browser window width: 1535
Browser window height: 786
Screen width: 1600
Screen height: 900
Screen color depth: 24