From 3dc2ecff018cbce9dbe726e37edba0555c06ffcb Mon Sep 17 00:00:00 2001
From: vollkorntomate <thomas@vollkorntomate.de>
Date: Wed, 24 Aug 2022 21:00:08 +0200
Subject: [PATCH] Make language stats available without JavaScript

---
 templates/repo/sub_menu.tmpl       | 12 ++++++------
 web_src/js/features/repo-common.js | 10 ----------
 web_src/js/features/repo-legacy.js |  2 --
 web_src/less/_repository.less      |  2 +-
 4 files changed, 7 insertions(+), 19 deletions(-)

diff --git a/templates/repo/sub_menu.tmpl b/templates/repo/sub_menu.tmpl
index 276bf05a4f795..3a5c84d08bf80 100644
--- a/templates/repo/sub_menu.tmpl
+++ b/templates/repo/sub_menu.tmpl
@@ -20,7 +20,12 @@
 		</div>
 	</div>
 	{{if and (.Permission.CanRead $.UnitTypeCode) (not .IsEmptyRepo) .LanguageStats }}
-	<div class="ui segment sub-menu language-stats-details" style="display: none">
+	<div class="ui segment language-stats">
+		{{range .LanguageStats}}
+		<div class="bar" style="width: {{ .Percentage }}%; background-color: {{ .Color }}">&nbsp;</div>
+		{{end}}
+	</div>
+	<div class="ui segment sub-menu language-stats-details">
 		<div class="ui horizontal center link list">
 			{{range .LanguageStats}}
 			<div class="item df ac jc">
@@ -37,10 +42,5 @@
 			{{end}}
 		</div>
 	</div>
-	<a class="ui segment language-stats">
-		{{range .LanguageStats}}
-		<div class="bar" style="width: {{ .Percentage }}%; background-color: {{ .Color }}">&nbsp;</div>
-		{{end}}
-	</a>
 	{{end}}
 </div>
diff --git a/web_src/js/features/repo-common.js b/web_src/js/features/repo-common.js
index ee0da03005969..236e5311ba940 100644
--- a/web_src/js/features/repo-common.js
+++ b/web_src/js/features/repo-common.js
@@ -96,13 +96,3 @@ export function initRepoCommonFilterSearchDropdown(selector) {
     message: {noResults: $dropdown.attr('data-no-results')},
   });
 }
-
-export function initRepoCommonLanguageStats() {
-  // Language stats
-  if ($('.language-stats').length > 0) {
-    $('.language-stats').on('click', (e) => {
-      e.preventDefault();
-      $('.language-stats-details, .repository-menu').slideToggle();
-    });
-  }
-}
diff --git a/web_src/js/features/repo-legacy.js b/web_src/js/features/repo-legacy.js
index 11c97ccfb011c..f81714cde85f7 100644
--- a/web_src/js/features/repo-legacy.js
+++ b/web_src/js/features/repo-legacy.js
@@ -19,7 +19,6 @@ import {
   initRepoCloneLink,
   initRepoCommonBranchOrTagDropdown,
   initRepoCommonFilterSearchDropdown,
-  initRepoCommonLanguageStats,
 } from './repo-common.js';
 import {initCompLabelEdit} from './comp/LabelEdit.js';
 import {initRepoDiffConversationNav} from './repo-diff.js';
@@ -500,7 +499,6 @@ export function initRepository() {
   }
 
   initRepoCloneLink();
-  initRepoCommonLanguageStats();
   initRepoSettingBranches();
 
   // Issues
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
index 473d6f9dc7dd6..9403d443289f0 100644
--- a/web_src/less/_repository.less
+++ b/web_src/less/_repository.less
@@ -3164,7 +3164,7 @@ td.blob-excerpt {
 
 /* prevent page shaking on language bar click */
 .repository-summary-language-stats {
-  height: 48px;
+  height: 84px;
   overflow: hidden;
 
   @media @mediaSm {