Insurer Brain

MediaWiki:Gadget-copyTable.css: Difference between revisions

Browse history interactively
← Older edit
Content deleted Content added
No edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1:
/* Full-widthOuter wrapper: thearound each table is(added width:100%, soby the wrappergadget mustJS). beIt adoes block.NOT scroll;
it anchors the pinned copy button (position:relative), is full-width, and clears
Do NOT use inline-block — it shrink-wraps to content and collapses the
table'sa width:100%.right-floated position:relativeinfobox anchorsso the copyunit buttondrops below it. */
.copy-table-wrapper {
position: relative;
display: block;
max-width: 100%;
clear: both;
}
 
/* Inner box that actually scrolls horizontally. overflow-x works here because it
is a block div — never on the <table> element itself. The button is its sibling
(in the non-scrolling wrapper), so it stays put while this box scrolls. */
.copy-table-scroll {
overflow-x: auto;
}
 
Retrieved from "https://www.insurerbrain.com/wiki/MediaWiki:Gadget-copyTable.css"