feat(MediaWiki): ✨ tweak rcfilter other review tools styles

StarCitizenTools · Jul 6, 2023 · 99e475b · 99e475b
1 parent 45c970e
commit 99e475b
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 6 deletions.
diff --git a/skinStyles/mediawiki/mediawiki.rcfilters.filters.base.styles.less b/skinStyles/mediawiki/mediawiki.rcfilters.filters.base.styles.less
@@ -9,12 +9,6 @@
 */
 
 .client-js {
-	.mw-recentchanges-toplinks {
-		&:not( .mw-recentchanges-toplinks-collapsed ) {
-			border-color: var( --border-color-base );
-		}
-	}
-
 	.mw-rcfilters-spinner {
 		& .mw-rcfilters-spinner-bounce,
 		&::before,

diff --git a/skinStyles/mediawiki/special/mediawiki.special.changeslist.less b/skinStyles/mediawiki/special/mediawiki.special.changeslist.less
@@ -89,8 +89,43 @@
 	}
 }
 
+.client-js .mw-recentchanges-toplinks {
+	padding-left: 0;
+}
+
+/* Skeleton lazyloader for rcfilter */
+.client-js body:not( .mw-rcfilters-ui-initialized ) .mw-rcfilters-head {
+	border-radius: var( --border-radius--small );
+	background: var( --color-surface-2 );
+}
+
 .client-js .mw-recentchanges-toplinks:not( .mw-recentchanges-toplinks-collapsed ) {
+	padding: 0; /* Shift padding to button only */
 	border-color: var( --border-color-base );
+	border-radius: var( --border-radius--small );
+	margin-bottom: 16px; /* Same margin between rcfilter and saved filter */
+
+	/* Extend button to full width */
+	.oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child {
+		display: block;
+		background: var( --color-surface-2 );
+		border-top-left-radius: var( --border-radius--small );
+		border-top-right-radius: var( --border-radius--small );
+
+		.oo-ui-buttonElement-button {
+			display: block;
+		}
+
+		.oo-ui-indicatorElement-indicator {
+			right: 6px !important;
+		}
+	}
+}
+
+.mw-recentchanges-toplinks {
+	.oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child {
+		margin: 0;
+	}
 }
 
 /*