feat(MediaWiki): ✨ tweak changelist styles

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

Hide file tree

Showing 2 changed files with 51 additions and 15 deletions.
diff --git a/skinStyles/mediawiki/special/mediawiki.special.changeslist.enhanced.less b/skinStyles/mediawiki/special/mediawiki.special.changeslist.enhanced.less
@@ -9,23 +9,32 @@
  * Styling for Special:Watchlist and Special:RecentChanges when preference 'usenewrc'
  * a.k.a. Enhanced Recent Changes is enabled.
  */
+.mw-enhanced-rc {
+	table& {
+		padding: var( --space-sm ) 0;
+		margin: 0 !important;
+		font-size: 0.875rem;
+		transition: @transition-background;
 
-table.mw-enhanced-rc {
-	padding: var( --space-sm ) 0;
-	margin: 0 !important;
-	font-size: 0.875rem;
-	transition: @transition-background;
+		&:hover {
+			background-color: var( --background-color-quiet--hover );
+		}
+	}
 
-	&:hover {
-		background-color: var( --background-color-quiet--hover );
+	td& {
+		font-family: var( --font-family-monospace );
+	}
+
+	&-time {
+		font-family: var( --font-family-monospace );
 	}
-}
 
-.mw-enhanced-rc-nested {
-	display: block;
-	margin-top: var( --space-xxs );
+	&-nested {
+		display: block;
+		margin-top: var( --space-xxs );
 
-	.mw-tag-markers {
-		margin: var( --space-xxs );
+		.mw-tag-markers {
+			margin: var( --space-xxs );
+		}
 	}
 }
diff --git a/skinStyles/mediawiki/special/mediawiki.special.changeslist.less b/skinStyles/mediawiki/special/mediawiki.special.changeslist.less
@@ -28,7 +28,7 @@
 
 .mw-changeslist {
 	.comment {
-		color: var( --color-base--subtle );
+		color: var( --color-base );
 	}
 
 	// Need additional parent to override
@@ -53,8 +53,22 @@
 	}
 
 	.mw-tag-markers {
+		margin-left: var( --space-xxs );
+
 		.mw-tag-marker {
-			color: var( --color-base--subtle );
+			padding: 2px 8px;
+			border-radius: var( --border-radius--pill );
+			background-color: var( --color-surface-2 );
+			font-size: 0.8125rem;
+
+			&::after {
+				display: none;
+			}
+		}
+
+		&::before,
+		&::after {
+			display: none;
 		}
 	}
 
@@ -69,10 +83,23 @@
 	}
 
 	&-line {
+		&-inner {
+			color: var( --color-base--subtle );
+
+			.mw-diff-bytes {
+				margin-right: var( --space-xs );
+				float: left;
+			}
+		}
+
 		+ .mw-changeslist-line {
 			border-top: 1px solid var( --border-color-base ); // Add separator
 		}
 	}
+
+	&-separator {
+		color: var( --color-base--subtle );
+	}
 }
 
 .rcoptions {