Insurer Brain

MediaWiki:Gadget-copyTable.css: Difference between revisions

Browse history interactively
← Older edit
Content deleted Content added
No edit summary
No edit summary
 
Line 1:
/* WrapperOuter wrapper around each table (added by the gadget JS). It is thedoes blockNOT that:scroll;
-it anchors the pinned copy button (position:relative)., is full-width, and */clears▼
- is full-width (the table is width:100%, so the wrapper must be a block;
a right-floated infobox so the unit drops below it. */
NOT inline-block, which shrink-wraps and collapses the table's width:100%);
- 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 {
position: relative;
Line 11 ⟶ 7:
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"