syncthing/gui
Tomasz Wilczyński 0fb7cc186c
gui: Add warning when JavaScript is disabled in Web browser (fixes #7099) (#7102)
When using a Web browser with JavaScript either disabled or unavailable,
show a warning to let the user know that the Web GUI requires JS in
order to operate.

To achieve this, add a <div> that wraps both the navbar and the main
content, and then move the CSS class ng-cloak from the <html> element to
that <div>. This way, only the JavaScript-dependent part is hidden when
JS is unavailable, and not the whole website, as it is the case right
now. Then, add a <noscript> element right at the start of the <body>
element, so that the warning is also shown right away in text-based Web
browsers. The <noscript> element includes a stripped down version of the
navbar showing only the Syncthing logo, and then a container with the
warning itself. Lastly, leave the footer untouched and always visible,
because it does not rely on JavaScript at all.

Signed-off-by: Tomasz Wilczyński <twilczynski@naver.com>
Co-authored-by: Jakob Borg <jakob@kastelo.net>
2020-11-09 09:15:22 +01:00
..
black/assets/css gui: Fix tab headers in black and dark themes (fixes #5583) 2019-10-01 20:09:52 +01:00
dark/assets/css gui: Fix tab headers in black and dark themes (fixes #5583) 2019-10-01 20:09:52 +01:00
default gui: Add warning when JavaScript is disabled in Web browser (fixes #7099) (#7102) 2020-11-09 09:15:22 +01:00
light/assets/css gui, lib/api: Adds support for prefers-color-scheme (fixes #6115) 2019-11-08 21:44:37 +00:00