MediaWiki:Common.css - Revision history

Sythan: Style contextual eyebrow links for dark EDFM theme

2026-08-24T21:58:12Z

Style contextual eyebrow links for dark EDFM theme

@@ Line 569: / Line 569: @@
 .edfm-eyebrow .edfm-orange-mark {
 	color: var( --edfm-orange );
+}
 .edfm-deck {

Sythan: Remove gradient from Special:AllMessages name column

2026-08-24T00:37:55Z

Remove gradient from Special:AllMessages name column

← Older revision		Revision as of 00:37, 24 August 2026
Line 4,101:		Line 4,101:
	}		}
	body.mediawiki.mw-special-Allmessages #mw-allmessagestable.mw-datatable tr > td:first-child {		body.mediawiki.mw-special-Allmessages #mw-allmessagestable.mw-datatable tr > td:first-child {
	background: ~~linear-gradient( 90deg, rgba( 255, 138, 0, 0.08 ),~~ var( --edfm-surface-1 ~~) 42%~~ ) !important;		background: var( --edfm-surface-1 ) !important;
	font-family: var( --edfm-mono );		font-family: var( --edfm-mono );
	font-size: 0.88rem;		font-size: 0.88rem;
	}		}
	body.mediawiki.mw-special-Allmessages #mw-allmessagestable.mw-datatable tr:nth-child( odd ) > td:first-child {		body.mediawiki.mw-special-Allmessages #mw-allmessagestable.mw-datatable tr:nth-child( odd ) > td:first-child {
	background: ~~linear-gradient( 90deg, rgba( 255, 138, 0, 0.10 ),~~ #0d1418 ~~42% )~~ !important;		background: #0d1418 !important;
	}		}
	body.mediawiki.mw-special-Allmessages #mw-allmessagestable.mw-datatable a {		body.mediawiki.mw-special-Allmessages #mw-allmessagestable.mw-datatable a {

Sythan: Theme Special:AllMessages filter and results table for EDFM dark palette

2026-08-24T00:31:19Z

Theme Special:AllMessages filter and results table for EDFM dark palette

Show changes

Sythan: Restore Getting Started sidebar header

2026-08-21T13:45:19Z

Restore Getting Started sidebar header

@@ Line 682: / Line 682: @@
 	margin-left: -0.5em;
 	margin-bottom: 0.4em;
+}

Sythan: Improve Jump To tile spacing for short TOCs

2026-08-21T01:48:23Z

Improve Jump To tile spacing for short TOCs

← Older revision		Revision as of 01:48, 21 August 2026
Line 1,294:		Line 1,294:
	.toc > ul {		.toc > ul {
	display: block;		display: block;
	column-count: 3;		/* Short TOCs, like the front page's four Jump To entries, read awkwardly
	column-gap: 0.~~45rem~~;		in three CSS columns because the browser fills only two narrow columns
			and leaves an empty third slot. Default to two full-width columns so
			short jump lists feel centered and stretched across the article rail. */
			column-count: 2;
			column-gap: 0.55rem;
	list-style: none;		list-style: none;
	margin: 0;		margin: 0 auto;
	padding: 0;		padding: 0;
			}
			/* Longer article TOCs still benefit from the denser three-column layout. This
			keeps source/keyboard order untouched while avoiding the empty-column look
			on short page-level navigation blocks. */
			.toc > ul:has( > li:nth-child( 5 ) ) {
			column-count: 3;
	}		}
	.toc > ul > li {		.toc > ul > li {

Maintenance script: Theme Echo alerts and notices flyouts for EDFM dark UI

2026-08-21T01:11:15Z

Theme Echo alerts and notices flyouts for EDFM dark UI

@@ Line 3,859: / Line 3,859: @@
 	margin-left: 0.2em;
 	margin-right: 0.12em;
+}

Maintenance script: Theme external link icon for EDFM dark sources lists

2026-08-20T21:58:40Z

Theme external link icon for EDFM dark sources lists

@@ Line 3,827: / Line 3,827: @@
 	box-shadow: 0 0 0 2px rgba( 66, 199, 217, 0.24 ) !important;
 	outline: none !important;
+}

Sythan: Fix: #p-logo shrank/squeezed in the mobile drawer (unrelated to #p-personal, a pre-existing issue only visible once the drawer content was reachable). Confirmed via direct testing that overflow:hidden + width:auto shrink-to-fits once #mw-panel padding drops to 0 on mobile; scoped explicit width fixes it without touching desktop.

2026-08-20T09:44:19Z

Fix: #p-logo shrank/squeezed in the mobile drawer (unrelated to #p-personal, a pre-existing issue only visible once the drawer content was reachable). Confirmed via direct testing that overflow:hidden + width:auto shrink-to-fits once #mw-panel padding drops to 0 on mobile; scoped explicit width fixes it without touching desktop.

@@ Line 2,415: / Line 2,415: @@
 	#mw-panel #p-personal li {
 		margin: 0;
+	}
 	#mw-panel {

Sythan: Fix formatting: relocated #p-personal inherited the desktop display:flex rule (unscoped ID selector) inside the narrow drawer, squeezing its heading to near-zero width and wrapping text character-by-character. Reset to block stacking to match the rest of the drawer's sections.

2026-08-20T09:25:52Z

Fix formatting: relocated #p-personal inherited the desktop display:flex rule (unscoped ID selector) inside the narrow drawer, squeezing its heading to near-zero width and wrapping text character-by-character. Reset to block stacking to match the rest of the drawer's sections.

@@ Line 2,398: / Line 2,398: @@
 		display: none;
+	}
 	#mw-panel #p-personal {
 		text-align: left;
+	}
 	#mw-panel {

Sythan: Fix: scope the mobile #p-personal display:none to its original #mw-head location only (and only once client-js confirms JS will relocate it) so it doesn't also hide the copy Common.js moves into #mw-panel; add text-align:left for its new context.

2026-08-20T09:20:23Z

Fix: scope the mobile #p-personal display:none to its original #mw-head location only (and only once client-js confirms JS will relocate it) so it doesn't also hide the copy Common.js moves into #mw-panel; add text-align:left for its new context.

← Older revision		Revision as of 09:20, 20 August 2026
Line 2,390:		Line 2,390:
	align-items: center;		align-items: center;
	}		}
	#p-personal {		/* Only hides it at its original #mw-head location, and only once JS has
			confirmed it will actually relocate it into #mw-panel below (Common.js
			initMobileChrome) -- nojs visitors still reach login/account through
			the earlier stacked-layout #p-personal rule instead, rather than
			losing the control outright. */
			html.client-js #mw-head #p-personal {
	display: none;		display: none;
			}
			#mw-panel #p-personal {
			text-align: left;
	}		}
	#mw-panel {		#mw-panel {