feat(core): ✨ make changelist item more readable

StarCitizenTools · Dec 14, 2023 · e0f9ac1 · e0f9ac1
1 parent 0da7d8f
commit e0f9ac1
Showing 1 changed file with 52 additions and 1 deletion.
diff --git a/skinStyles/mediawiki/special/mediawiki.special.changeslist.less b/skinStyles/mediawiki/special/mediawiki.special.changeslist.less
@@ -44,15 +44,63 @@
 		}
 
 		&-inner {
+			width: 100%; // always take all avaliable width
 			color: var( --color-base--subtle );
+
+			/* New line for user */
+			& .changedby,
+			&-userLink {
+				&::before {
+					white-space: pre;
+					content: '\a';
+				}
+			}
 		}
 	}
 
 	&-separator {
 		color: var( --color-base--subtle );
+
+		&:empty {
+			display: inline-block;
+			width: var( --space-xs );
+
+			&::before {
+				content: none;
+			}
+		}
+	}
+}
+
+/* Sticky change byte */
+.mw-diff-bytes {
+	float: right;
+	margin-left: var( --space-xs );
+	background: var( --color-surface-0 );
+
+	&::before,
+	&::after {
+		content: none;
+	}
+
+	.selected &,
+	.mw-changeslist-line:hover & {
+		background: transparent;
 	}
 }
 
+.mw-diff-bytes:not( .mw-changeslist-line-inner-characterDiff .mw-diff-bytes ),
+.mw-changeslist-line-inner-characterDiff {
+	position: sticky;
+	top: 0;
+	right: 0;
+}
+
+.mw-diff-bytes ~ .mw-changeslist-separator,
+.mw-changeslist-line-inner-separatorAftercharacterDiff {
+	display: none;
+}
+
 .cloptions {
 	padding: 0;
 	margin: 0;
@@ -160,7 +208,10 @@ body:not( .mw-rcfilters-ui-initialized ) .mw-rcfilters-head {
 	padding: var( --space-sm ) var( --space-xs ) !important;
 	margin: 0 0 0 16px !important;
 	color: var( --color-base--subtle );
-	border-radius: var( --border-radius--small );
+
+	& + & {
+		border-top: 1px solid var( --border-color-base );
+	}
 
 	&:hover {
 		background-color: var( --background-color-quiet--hover );