Make the "ENABLE JAVASCRIPT" message more prominent.
This commit is contained in:
parent
51850b2ad4
commit
361badecd2
2 changed files with 16 additions and 5 deletions
|
@ -11,12 +11,12 @@
|
|||
</head>
|
||||
<body>
|
||||
<h1>Convert it all</h1>
|
||||
<noscript>This webpage lets you convert data and text to and from various formats. But
|
||||
it requires you to <strong>enable Javascript</strong> to do so. So please turn it on in your
|
||||
Browser. You won't regret it!
|
||||
<noscript class="noscript">
|
||||
This webpage lets you convert data and text to and from various formats. But it requires you to <strong>enable
|
||||
Javascript</strong> to do so. So please turn it on in your Browser. You won't regret it!
|
||||
</noscript>
|
||||
<app-root>
|
||||
<div class="apploader">Please hold on, we're starting the turbines ...</div>
|
||||
<div class="app_loader">Please hold on, we're starting the turbines ...</div>
|
||||
</app-root>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -30,6 +30,17 @@ h1 {
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
.apploader {
|
||||
.noscript {
|
||||
border: 0.1em solid red;
|
||||
border-radius: 1em;
|
||||
display: block;
|
||||
margin: 2em;
|
||||
font-size: x-large;
|
||||
padding: 1.5em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.app_loader {
|
||||
margin: 2em;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue