Navigation Icon Blocks Highlighting Activities

[AliciaZong]

SCENARIO Briefly describe the issue. Navigation Icon Blocks Highlighting Activities

Steps to Reproduce the issue: I was trying to highlight things when doing the homework as a student. Because of the navigation icon on the left side, I can only either highlight one single sentence as I did in the first screen or the entire thing as in the second one.

• Username: student04

• URL: https://tutor-qa.openstax.org/enroll/916584/Alicia-College-Physics-Spring-2019

• Course number:

• Course type: College Physics

• Steps

---

Environment:

• Instance:
• [ ] production
• [ ] qa
• [ ] staging
• [ ] dev
• [v] content
• [ ] demo
• OS:
• [v] Mac OSX
• [ ] Windows
• [ ] Android
• [ ] iOS
• Browser:
• [ ] Chrome
• [v] Firefox
• [ ] Safari
• [ ] Opera
• [ ] IE
• [ ] Edge

• Browser Version:
  65.0.1

  Possible impact on a User:

---

Images or Screenshots (attach below)

[carlycurran]

@dkhowala, can you add this to your highlighting investigation? These nav buttons do seem odd on smaller screens.

[nathanstitt]

also, what screen width are you running? the screenshot seems fairly narrow

[dkhowala]

@nathanstitt: I don't think I created this card but can take a look if you want.

[carlycurran]

Interesting. @dkhowala, I think this is the arrow button issue you were showing me the other day.

[carlycurran]

one fix is to shrink the screen when it goes below 1,000 px wide, BUT there are items that are fixed-width (APUSH images) Sims and Videos that either will not shrink or will break.

This is an issue we might have to deal with if/when we decide to work on mobile compatibility. Going to ice box until that becomes a priority.

The workaround here is to scroll up and down a bit to highlight.

[dkhowala]

@carlycurran The new changes for the mobile responsive screen would take care of this highlighting issues. I redesigned the arrows on the student side.

[carlycurran]

great!

[dkhowala]

@nathanstitt, this can close after the responsive work I believe.