search

sefffal / redpitaya-multichannelanalyser

A fresh Multichannel Analyser app for the Red Pitaya
MIT License
16 stars 6 forks source link

formating problem with some browsers #3

Closed pavel-demin closed 6 years ago

pavel-demin commented 6 years ago

Hi Will,

I've just tested this web application with a random set of browsers:

Only Firefox 59 shows the interface correctly.

Firefox 51 and Internet Explorer 11 show it like on this screenshot: redpitaya-multichannelanalyser-ie-11

Safari iOS 11 worked slightly better but still with some formatting problems.

Any idea on how to fix this?

Best regards,

Pavel

sefffal commented 6 years ago

Hi Pavel, Thanks very much for testing it out! To do the layout, I used a fairly new standard called CSS Grids since it makes it easy to have different layouts for different screen sizes.

There is a browser compatibility chart here. If you click "usage relative" it shows about 85% support, which I am mostly satisfied with. One straightforward thing we can do is add support for MS IE 11 by adding a few new rules to the CSS.

Would you mind sending a screenshot of it running on iOS 11?

pavel-demin commented 6 years ago

Thanks for the explanation and for the link to the compatibility chart.

Here are two iOS screenshots: redpitaya-multichannelanalyser-ios-1 redpitaya-multichannelanalyser-ios-2

As you can see, the formatting is slightly off and the time is almost unreadable when the data acquisition is running.

pavel-demin commented 6 years ago

Just noticed that there is a typo in SETTINGS.

sefffal commented 6 years ago

Okay, I improved support for older browsers, especially IE 11 in this commit d16835f95de10ad9a77f310bcf004d79e385d007.

Thanks for spotting the typo in settings! Hard to beleive I missed that. It's fixed now.

pavel-demin commented 6 years ago

The latest version works very well with IE 11. Thanks for this update.