inland-empire-software-development / spark

Open source learning management system.
MIT License
16 stars 6 forks source link

layout for all courses added media queries and css also inserted my component into panel component #102

Closed RA1990 closed 4 years ago

JacobSNGoodwin commented 4 years ago

So I found some slightly odd issues. I can't really dive into the css and framework until late afternoon/early evening.

So the panel expands to the full screen width for iPhone and tablets, but sometimes it doesn't based on certain DPI settings. I still haven't nailed down exactly what's going on.

For example, everything looks great on iPhone(s). Screen Shot 2020-02-24 at 10 09 56 AM

But if I keep the same resolution with a different DPR, the panel shrinks back to a fraction of the total width.

Screen Shot 2020-02-24 at 10 15 25 AM

You also get this behavior with Galaxy and a higher DPR. In reality, I would think the settings would be based on rendered pixels and not screen pixels, but I don't know a ton about this.

Screen Shot 2020-02-24 at 10 12 55 AM