templates: make dropdowns menus work when JavaScript is disabled (#4780)

* Make dropdowns menus work when JavaScript is disabled * Update head.tmpl * Update head.tmpl
7 years ago · 2818ce4632
1 changed files with 7 additions and 1 deletions
--- a/templates/base/head.tmpl
+++ b/templates/base/head.tmpl
@ -61,6 +61,12 @@
 	<!-- Stylesheet -->
 	<link rel="stylesheet" href="{{AppSubURL}}/css/semantic-2.2.13.min.css">
 	<link rel="stylesheet" href="{{AppSubURL}}/css/gogs.css?v={{MD5 AppVer}}">
+	<noscript>
+		<style>
+			.dropdown:hover > .menu { display: block; }
+			.ui.secondary.menu .dropdown.item > .menu { margin-top: 0; }
+		 </style>
+	</noscript>

 	<!-- JavaScript -->
 	<script src="{{AppSubURL}}/js/semantic-2.2.13.min.js"></script>
@ -74,7 +80,7 @@
 </head>
 <body>
 	<div class="full height">
-		<noscript>Please enable JavaScript in your browser!</noscript>
+		<noscript>This website works better with JavaScript</noscript>

 		{{if not .PageIsInstall}}
 			<div class="following bar light">