syncthing/gui/default/assets/css
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
..
dev.css gui: Prevent log bar from flashing up while page is loading 2016-05-30 13:16:15 +00:00
overrides.css gui: Add warning when JavaScript is disabled in Web browser (fixes #7099) (#7102) 2020-11-09 09:15:22 +01:00
theme.css lib/api: Make theme paths relative (#6142) 2019-11-09 12:07:46 +00:00