Improve the loading experience of the newsfeed in dark mode
authorTim Düsterhus <duesterhus@woltlab.com>
Thu, 13 Jul 2023 12:59:39 +0000 (14:59 +0200)
committerTim Düsterhus <duesterhus@woltlab.com>
Thu, 13 Jul 2023 13:03:48 +0000 (15:03 +0200)
commit9f4adfc55533a8817cbe1ff81028f1f08d4f439e
tree3998977658872ff0d6c1c17dbe6f3b6fdc40c729
parentfebac8cab8c4fba92cee5f6e9ca0a03a8f79bb75
Improve the loading experience of the newsfeed in dark mode

The default page of an `<iframe>` is `about:blank` which has a light background
color. In case the newsfeed loads slowly or fails to load entirely, there will
be a big white block in a dark mode ACP which looks odd.

Fix this issue by setting the `<iframe>` to be `visibility: hidden` until the
contents are available. Additionally a spinner is shown while the iframe is
hidden.
wcfsetup/install/files/acp/style/layout.scss
wcfsetup/install/files/acp/templates/index.tpl