Fix: Hide divider when labels are hidden

templates/repo/issue/filter_list.tmpl

@@ -29,7 +29,7 @@
 		{{range .Labels}}
 			{{$exclusiveScope := .ExclusiveScope}}
 			{{if and (ne $previousExclusiveScope $exclusiveScope)}}
-				<div class="divider"></div>
+				<div class="divider exclusive-scope"></div>
 			{{end}}
 			{{$previousExclusiveScope = $exclusiveScope}}
 			<a class="item label-filter-item tw-flex tw-items-center" {{if .IsArchived}}data-is-archived{{end}} href="?q={{$.Keyword}}&type={{$.ViewType}}&sort={{$.SortType}}&state={{$.State}}&labels={{.QueryString}}&milestone={{$.MilestoneID}}&project={{$.ProjectID}}&assignee={{$.AssigneeID}}&poster={{$.PosterID}}{{if $.ShowArchivedLabels}}&archived=true{{end}}" data-label-id="{{.ID}}">

templates/repo/issue/labels/labels_selector_field.tmpl

@@ -18,20 +18,20 @@
 			{{range .Labels}}
 				{{$exclusiveScope := .ExclusiveScope}}
 				{{if and (ne $previousExclusiveScope "_no_scope") (ne $previousExclusiveScope $exclusiveScope)}}
-					<div class="divider"></div>
+					<div class="divider exclusive-scope"></div>
 				{{end}}
 				{{$previousExclusiveScope = $exclusiveScope}}
 				<a class="{{if .IsChecked}}checked{{end}} item" href="#" data-id="{{.ID}}" {{if .IsArchived}}data-is-archived{{end}} data-id-selector="#label_{{.ID}}" data-scope="{{$exclusiveScope}}"><span class="octicon-check {{if not .IsChecked}}tw-invisible{{end}}">{{if $exclusiveScope}}{{svg "octicon-dot-fill"}}{{else}}{{svg "octicon-check"}}{{end}}</span>&nbsp;&nbsp;{{RenderLabel $.Context ctx.Locale .}}
 					{{if .Description}}<br><small class="desc">{{.Description | RenderEmoji $.Context}}</small>{{end}}
 					<p class="archived-label-hint">{{template "repo/issue/labels/label_archived" .}}</p>
 				</a>
 			{{end}}
-			<div class="divider"></div>
+			<div class="divider exclusive-scope"></div>
 			{{$previousExclusiveScope = "_no_scope"}}
 			{{range .OrgLabels}}
 				{{$exclusiveScope := .ExclusiveScope}}
 				{{if and (ne $previousExclusiveScope "_no_scope") (ne $previousExclusiveScope $exclusiveScope)}}
-					<div class="divider"></div>
+					<div class="divider exclusive-scope"></div>
 				{{end}}
 				{{$previousExclusiveScope = $exclusiveScope}}
 				<a class="{{if .IsChecked}}checked{{end}} item" href="#" data-id="{{.ID}}" {{if .IsArchived}}data-is-archived{{end}} data-id-selector="#label_{{.ID}}" data-scope="{{$exclusiveScope}}"><span class="octicon-check {{if not .IsChecked}}tw-invisible{{end}}">{{if $exclusiveScope}}{{svg "octicon-dot-fill"}}{{else}}{{svg "octicon-check"}}{{end}}</span>&nbsp;&nbsp;{{RenderLabel $.Context ctx.Locale .}}

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

@@ -221,6 +221,8 @@ function initArchivedLabelFilter() {
     for (const label of archivedLabels) {
       const id = label.getAttribute('data-label-id');
       toggleElem(label, archivedLabelEl.checked || selectedLabels.includes(id));
+      // also toggle the divider
+      toggleElem($(label).next('.exclusive-scope'), archivedLabelEl.checked || selectedLabels.includes(id));
     }
   };
 

web_src/js/features/repo-issue.js

@@ -744,5 +744,7 @@ export function initArchivedLabelHandler() {
   if (!document.querySelector('.archived-label-hint')) return;
   for (const label of document.querySelectorAll('[data-is-archived]')) {
     toggleElem(label, label.classList.contains('checked'));
+    // also toggle the divider
+    toggleElem($(label).next('.exclusive-scope'), label.classList.contains('checked'));
   }
 }