When Ruffle would go fullscreen on Safari, the content would often
not fill the viewport because Ruffle's width/height CSS would
override the :-webkit-full-screen CSS that Safari adds.
Add our own :-webkit-full-screen CSS with !important to force 100%
dimensions in fullscreen.
* web: Don't load a random SWF Instead, show a prompt to select or drag an SWF.
* web: Refactor webpack.config.js
* demo: Refactor index.js
* demo: Cleanup CSS
- Fonts are no longer inherited, Arial is used instead
- Play button is smaller and shares same styling as unmute button
- Context menu text is always aligned to the left
- Panic screen text displays in white instead of black (it's much easier to read this way)
- CSS is cleaner and less redundant
I'm iffy on the changes to the play button aesthetic (it ranges from translucent -> opaque instead of opaque -> brighter opaque) so opinions are welcome.
- Fixed context menu hover issue, added drop shadow
- More redundancy fixes