Adding highlight and show hide to archive label

Author: puni9869

templates/repo/issue/labels/label_list.tmpl

@@ -38,7 +38,7 @@
 
 	<ul class="issue-label-list">
 		{{range .Labels}}
-		<li class="item" {{if not .ArchivedUnix.IsZero}}data-archived-label{{end}}>
+		<li class="item {{if not .ArchivedUnix.IsZero}}archived-label gt-hidden{{end}}">
 			<div class="label-title">
 				{{RenderLabel $.Context .}}
 				{{if .Description}}<br><small class="desc">{{.Description | RenderEmoji $.Context}}</small>{{end}}

web_src/js/features/repo-issue-list.js

@@ -208,8 +208,8 @@ export function initHighlightArchivedLabels() {
   if (!document.querySelectorAll('.show-archived-labels-checkbox').length) return;
   document.querySelector('.show-archived-labels-checkbox')
     .addEventListener('input', () => {
-      for (const archivedLabel of document.querySelectorAll('[data-archived-label]')) {
-        archivedLabel.classList.toggle('archived-label');
+      for (const archivedLabel of document.querySelectorAll('.archived-label')) {
+        archivedLabel.classList.toggle('gt-hidden');
       }
     });
 }