MediaWiki:Gadget-copyTable.css - Revision history

Wikilah admin at 16:23, 10 June 2026

2026-06-10T16:23:47Z

@@ Line 1: / Line 1: @@
-/* Wrapper around each table (added by the gadget JS). It is the block that:
+/* Outer wrapper around each table (added by the gadget JS). It does NOT scroll;
 .copy-table-wrapper {
     position: relative;
@@ Line 11: / Line 7: @@
     max-width: 100%;
     clear: both;
     overflow-x: auto;
+}

Wikilah admin at 16:17, 10 June 2026

2026-06-10T16:17:05Z

← Older revision		Revision as of 00:17, 11 June 2026
Line 1:		Line 1:
	/* ~~Full-width~~ ~~wrapper:~~ ~~the~~ table is ~~width:100%, so~~ the ~~wrapper~~ ~~must~~ be a block.		/* Wrapper around each table (added by the gadget JS). It is the block that:
			- is full-width (the table is width:100%, so the wrapper must be a block;
	Do NOT ~~use~~ inline-block ~~— it~~ shrink-wraps ~~to content~~ and collapses the		NOT inline-block, which shrink-wraps and collapses the table's width:100%);
	table's width:100%. position:relative anchors the copy button. */
			- is the horizontal SCROLL CONTAINER (overflow-x:auto works on this block,
			never on the <table> element itself);
			- clears the float so the unit drops below a right-floated infobox;
			- anchors the copy button (position:relative). */
	.copy-table-wrapper {		.copy-table-wrapper {
	position: relative;		position: relative;
	display: block;		display: block;
	max-width: 100%;		max-width: 100%;
			clear: both;
			overflow-x: auto;
	}		}

Line 34:		Line 40:
	opacity: 1;		opacity: 1;
	color: #00af89;		color: #00af89;
	}

	.copy-table-wrapper {
	position: relative;
	display: block;
	max-width: 100%;
	clear: both; /* drop the whole unit (table + button) below the floated infobox */
	}		}

Wikilah admin at 15:17, 10 June 2026

2026-06-10T15:17:45Z

← Older revision		Revision as of 23:17, 10 June 2026
Line 34:		Line 34:
	opacity: 1;		opacity: 1;
	color: #00af89;		color: #00af89;
			}

			.copy-table-wrapper {
			position: relative;
			display: block;
			max-width: 100%;
			clear: both; /* drop the whole unit (table + button) below the floated infobox */
	}		}

Wikilah admin at 10:52, 9 June 2026

2026-06-09T10:52:17Z

← Older revision		Revision as of 18:52, 9 June 2026
Line 13:		Line 13:
	top: 0px;		top: 0px;
	right: 0px;		right: 0px;
	padding: ~~0px~~;		padding: 5px;
	line-height: 1;		line-height: 1;
	border: 1px solid transparent;		border: 1px solid transparent;

Wikilah admin at 10:51, 9 June 2026

2026-06-09T10:51:57Z

← Older revision		Revision as of 18:51, 9 June 2026
Line 13:		Line 13:
	top: 0px;		top: 0px;
	right: 0px;		right: 0px;
	padding: ~~5px~~;		padding: 0px;
	line-height: 1;		line-height: 1;
	border: 1px solid transparent;		border: 1px solid transparent;

Wikilah admin at 10:51, 9 June 2026

2026-06-09T10:51:24Z

← Older revision		Revision as of 18:51, 9 June 2026
Line 11:		Line 11:
	.copy-table-btn {		.copy-table-btn {
	position: absolute;		position: absolute;
	top: ~~6px~~;		top: 0px;
	right: ~~6px~~;		right: 0px;
	padding: 5px;		padding: 5px;
	line-height: 1;		line-height: 1;

Wikilah admin at 10:50, 9 June 2026

2026-06-09T10:50:35Z

← Older revision		Revision as of 18:50, 9 June 2026
Line 1:		Line 1:
	/* ~~Wrapper shrink~~-~~wraps~~ to the table so the ~~button~~ ~~hugs~~ ~~its~~ ~~corner~~ */		/* Full-width wrapper: the table is width:100%, so the wrapper must be a block.
			Do NOT use inline-block — it shrink-wraps to content and collapses the
			table's width:100%. position:relative anchors the copy button. */
	.copy-table-wrapper {		.copy-table-wrapper {
	position: relative;		position: relative;
	display: block; ~~/* was: inline-block — that shrink-wrapped the table */~~		display: block;
	max-width: 100%;		max-width: 100%;
	}		}

	/* ~~Barely~~ visible at rest, appears on hover */		/* Copy button: top-right corner, barely visible at rest, appears on hover */
	.copy-table-btn {		.copy-table-btn {
	position: absolute;		position: absolute;
	~~bottom~~: 6px;		top: 6px;
	right: 6px;		right: 6px;
	padding: 5px;		padding: 5px;

Wikilah admin at 10:48, 9 June 2026

2026-06-09T10:48:08Z

← Older revision		Revision as of 18:48, 9 June 2026
Line 2:		Line 2:
	.copy-table-wrapper {		.copy-table-wrapper {
	position: relative;		position: relative;
	display: inline-block;		display: block; /* was: inline-block — that shrink-wrapped the table */
	max-width: 100%;		max-width: 100%;
	}		}

Wikilah admin at 06:56, 9 June 2026

2026-06-09T06:56:40Z

@@ Line 1: / Line 1: @@
     display: inline-block;
-    margin-bottom: 4px;
+    max-width: 100%;
     cursor: pointer;
-    border: 1px solid #a2a9b1;
+    opacity: 0.3;
+}
 .copy-table-btn:hover {
-    background: #eaecf0;
+    opacity: 1;
+}

Wikilah admin: Created page with ".copy-table-btn { display: inline-block; margin-bottom: 4px; padding: 4px 10px; font-size: 13px; cursor: pointer; border: 1px solid #a2a9b1; border-radius: 3px; background: #f8f9fa; color: #202122; } .copy-table-btn:hover { background: #eaecf0; }"

2026-06-09T06:50:15Z

Created page with ".copy-table-btn { display: inline-block; margin-bottom: 4px; padding: 4px 10px; font-size: 13px; cursor: pointer; border: 1px solid #a2a9b1; border-radius: 3px; background: #f8f9fa; color: #202122; } .copy-table-btn:hover { background: #eaecf0; }"

New page

.copy-table-btn {
display: inline-block;
margin-bottom: 4px;
padding: 4px 10px;
font-size: 13px;
cursor: pointer;
border: 1px solid #a2a9b1;
border-radius: 3px;
background: #f8f9fa;
color: #202122;
}
.copy-table-btn:hover {
background: #eaecf0;
}