MediaWiki:Common.css - Revision history

Esportsamaze at 08:23, 31 May 2026

2026-05-31T08:23:08Z

← Older revision		Revision as of 13:53, 31 May 2026
Line 4,522:		Line 4,522:

	/* 3. Optional: Give the table its own vertical scroll box */		/* 3. Optional: Give the table its own vertical scroll box */
	.~~standings~~-wrapper {		.stats-wrapper {
	max-height: 80vh; /* Limits table height to 80% of the screen height */		max-height: 80vh; /* Limits table height to 80% of the screen height */
	overflow-y: auto; /* Adds a scrollbar when the table gets too long */		overflow-y: auto; /* Adds a scrollbar when the table gets too long */
	}		}

Esportsamaze at 08:11, 31 May 2026

2026-05-31T08:11:38Z

@@ Line 4,525: / Line 4,525: @@
      max-height: 80vh; /* Limits table height to 80% of the screen height */
      overflow-y: auto; /* Adds a scrollbar when the table gets too long */
+}

Esportsamaze at 08:08, 31 May 2026

2026-05-31T08:08:43Z

@@ Line 4,525: / Line 4,525: @@
      max-height: 80vh; /* Limits table height to 80% of the screen height */
      overflow-y: auto; /* Adds a scrollbar when the table gets too long */
+}

Esportsamaze at 08:05, 31 May 2026

2026-05-31T08:05:23Z

@@ Line 4,525: / Line 4,525: @@
      max-height: 80vh; /* Limits table height to 80% of the screen height */
      overflow-y: auto; /* Adds a scrollbar when the table gets too long */
+}

Esportsamaze at 08:00, 31 May 2026

2026-05-31T08:00:00Z

Esportsamaze at 07:49, 31 May 2026

2026-05-31T07:49:33Z

← Older revision		Revision as of 13:19, 31 May 2026
Line 4,509:		Line 4,509:



			/* 1. Ensure the sticky headers have a solid background so text doesn't overlap */
			.stats-card-table th {
			background-color: var(--bg-header);

			}

			/* 2. Same for the left sticky columns (Rank, Team, Player) if you scroll horizontally */
			.stats-card-table .sticky-col {
			background-color: var(--bg-card);
			}

	/* 3. Optional: Give the table its own vertical scroll box */		/* 3. Optional: Give the table its own vertical scroll box */

Esportsamaze at 07:45, 31 May 2026

2026-05-31T07:45:09Z

← Older revision		Revision as of 13:15, 31 May 2026
Line 4,508:		Line 4,508:


	~~/* 1. Ensure the sticky headers have a solid background so text doesn't overlap */~~
	~~.stats-card-table th {~~
	~~background-color: var(--background-color-base, #ffffff); /* Replace with your wiki's actual header color */~~
	~~box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); /* Optional: adds a nice shadow under the sticky header */~~
	}

	~~/* 2. Same for the left sticky columns (Rank, Team, Player) if you scroll horizontally */~~
	~~.stats-card-table .sticky-col {~~
	~~background-color: var(--background-color-base, #ffffff);~~
	}

	/* 3. Optional: Give the table its own vertical scroll box */		/* 3. Optional: Give the table its own vertical scroll box */

Esportsamaze at 07:44, 31 May 2026

2026-05-31T07:44:47Z

@@ Line 4,504: / Line 4,504: @@
 .tournament-tabs > div a {
      text-decoration: none !important;
+}

Esportsamaze at 06:30, 31 May 2026

2026-05-31T06:30:57Z

@@ Line 4,504: / Line 4,504: @@
 .tournament-tabs > div a {
      text-decoration: none !important;
+}

Esportsamaze at 06:28, 31 May 2026

2026-05-31T06:28:49Z

← Older revision		Revision as of 11:58, 31 May 2026
Line 4,516:		Line 4,516:
	.stats-card-table .sticky-col {		.stats-card-table .sticky-col {
	background-color: var(--background-color-base, #ffffff);		background-color: var(--background-color-base, #ffffff);
	}

	~~/* 3. Optional: Give the table its own vertical scroll box */~~
	~~.standings-wrapper {~~
	~~max-height: 80vh; /* Limits table height to 80% of the screen height */~~
	~~overflow-y: auto; /* Adds a scrollbar when the table gets too long */~~
	}		}

← Older revision		Revision as of 13:30, 31 May 2026
Line 1,062:		Line 1,062:
	.sticky-1 {		.sticky-1 {
	left: 0; width: 40px; min-width: 40px; max-width: 40px; /* Widened by 10px */		left: 0; width: 40px; min-width: 40px; max-width: 40px; /* Widened by 10px */
	border-right: 1px solid var(--border-light) !important; z-index: 20 !important;		border-right: 1px solid var(--border-light) !important; z-index: 10 !important;
	font-size: 0.85em; /* Shrunk text slightly */		font-size: 0.85em; /* Shrunk text slightly */
	}		}
Line 1,068:		Line 1,068:
	left: 40px; width: 100px; min-width: 100px; max-width: 100px; /* Shifted 10px right */		left: 40px; width: 100px; min-width: 100px; max-width: 100px; /* Shifted 10px right */
	text-align: left !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;		text-align: left !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
	box-shadow: 2px 0 5px rgba(0,0,0,0.05); z-index: 20 !important;		box-shadow: 2px 0 5px rgba(0,0,0,0.05); z-index: 10 !important;
	}		}
	th.mobile-only, td.mobile-only {		th.mobile-only, td.mobile-only {
Line 1,076:		Line 1,076:
	left: 140px; width: 45px; min-width: 45px; max-width: 45px; /* Shifted 10px right */		left: 140px; width: 45px; min-width: 45px; max-width: 45px; /* Shifted 10px right */
	border-left: 1px solid var(--border-light) !important; background-color: var(--bg-hover) !important;		border-left: 1px solid var(--border-light) !important; background-color: var(--bg-hover) !important;
	z-index: 20 !important; box-shadow: 4px 0 5px -2px rgba(0,0,0,0.1);		z-index: 10 !important; box-shadow: 4px 0 5px -2px rgba(0,0,0,0.1);
	}		}
	.standings-row td { height: 40px; font-size: 0.85em; }		.standings-row td { height: 40px; font-size: 0.85em; }