Add overlay noscript message to fix #6032

12 years ago · bdab0409c4
parent 125dff8997
commit bdab0409c4
2 changed files with 22 additions and 0 deletions
--- a/core/css/styles.css
+++ b/core/css/styles.css
@ -46,6 +46,27 @@ body { background:#fefefe; font:normal .8em/1.6em "Helvetica Neue",Helvetica,Ari
 	opacity: 1;
 }

+#nojavascript {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	z-index: 999;
+	width: 100%;
+	text-align: center;
+	background-color: rgba(50,0,0,0.5);
+	color: white;
+	text-shadow: 0px 0px 5px black;
+	line-height: 125%;
+	font-size: x-large;
+}
+#nojavascript div {
+	width: 50%;
+	top: 50%;
+	position: absolute;
+	left: 50%;
+	margin-left: -25%;
+}
+
 /* INPUTS */
 input[type="text"],
 input[type="password"],
--- a/core/templates/layout.user.php
+++ b/core/templates/layout.user.php
@ -37,6 +37,7 @@
 	</head>

 	<body id="<?php p($_['bodyid']);?>">
+	<noscript><div id="nojavascript"><div>ownCloud requires JavaScript to be enabled for correct operation.  Please enable JavaScript and re-load this interface.</div></div></noscript>
 	<div id="notification-container">
 		<div id="notification"></div>
 		<?php if ($_['updateAvailable']): ?>