Allow `clean-pinned-issues` to be disabled (#3815)

3 files changed, 23 insertions, 11 deletions

diff --git a/source/features/clean-pinned-issues.css b/source/features/clean-pinned-issues.css
index c249ecb8..e1ba5671 100644
--- a/source/features/clean-pinned-issues.css
+++ b/source/features/clean-pinned-issues.css
@@ -1,10 +1,10 @@
 /* Changes the layout of pinned issues from side-by-side to a standard list. */
-.js-pinned-issues-reorder-container .f4 {
+.rgh-clean-pinned-issue .js-pinned-issues-reorder-container .f4 {
 	display: none !important; /* Hide title */
 }
 
 @media (min-width: 700px) {
-	:root .js-pinned-issues-reorder-list {
+	.rgh-clean-pinned-issue .js-pinned-issues-reorder-list {
 		display: table !important;
 		width: 100%;
 		margin: 0;
@@ -17,30 +17,27 @@
 		border-style: hidden;
 	}
 
-	:root .pinned-issue-item {
+	.rgh-clean-pinned-issue .pinned-issue-item {
 		display: table-row !important;
 		border-color: var(--github-border-color) !important;
 	}
 
-	.pinned-issue-item > * {
+	.rgh-clean-pinned-issue .pinned-issue-item > * {
 		display: table-cell !important;
-	}
-
-	:root .pinned-issue-item > * {
 		padding: 6px 12px;
 	}
 
 	/* Move `x` before the title and align both icons */
-	.pinned-issue-item > :first-child {
+	.rgh-clean-pinned-issue .pinned-issue-item > :first-child {
 		display: flex !important;
 	}
 
-	.pinned-issue-handle {
+	.rgh-clean-pinned-issue .pinned-issue-handle {
 		order: -1;
 		margin-top: -2px;
 	}
 
-	.pinned-issue-item form button {
+	.rgh-clean-pinned-issue .pinned-issue-item form button {
 		float: unset !important;
 		margin-left: -10px;
 		margin-right: 2px !important;
diff --git a/source/features/clean-pinned-issues.tsx b/source/features/clean-pinned-issues.tsx
new file mode 100644
index 00000000..889a9663
--- /dev/null
+++ b/source/features/clean-pinned-issues.tsx
@@ -0,0 +1,15 @@
+import './clean-pinned-issues.css';
+import * as pageDetect from 'github-url-detection';
+
+import features from '.';
+
+function init(): void {
+	document.body.classList.add('rgh-clean-pinned-issue');
+}
+
+void features.add(__filebasename, {
+	include: [
+		pageDetect.isRepoIssueList
+	],
+	init
+});
diff --git a/source/refined-github.ts b/source/refined-github.ts
index e8b60a19..1f237245 100644
--- a/source/refined-github.ts
+++ b/source/refined-github.ts
@@ -18,7 +18,6 @@ import './features/easier-pr-sha-copy.css';
 import './features/repo-stats-spacing.css';
 import './features/emphasize-draft-pr-label.css';
 import './features/clean-notifications.css';
-import './features/clean-pinned-issues.css';
 import './features/fix-first-tab-length.css';
 import './features/align-repository-header.css';
 
@@ -202,6 +201,7 @@ import './features/jump-to-change-requested-comment';
 import './features/esc-to-cancel';
 import './features/quick-fork-deletion';
 import './features/pr-easy-toggle-files';
+import './features/clean-pinned-issues';
 import './features/clean-dashboard';
 
 // Add global for easier debugging