Navigation arrows cover content about codelabs HOT 10 OPEN

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?

from codelabs.

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

from codelabs.

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

from codelabs.

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

from codelabs.

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.

from codelabs.

from codelabs.

from codelabs.

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

from codelabs.

awesome! thanks for working on this!

from codelabs.

(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

from codelabs.