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…
	
	Add table
		Add a link
		
	
		Reference in a new issue