MediaWiki:Gadget-copyTable.css: Difference between revisions

Content deleted Content added
No edit summary
No edit summary
 
(7 intermediate revisions by the same user not shown)
Line 1:
/* WrapperOuter shrink-wrapswrapper toaround theeach table so(added by the buttongadget JS). hugsIt itsdoes cornerNOT */scroll;
it anchors the pinned copy button (position:relative), is full-width, and clears
a right-floated infobox so the unit drops below it. */
.copy-table-wrapper {
position: relative;
display: inline-block;
max-width: 100%;
clear: both;
}
 
/* Inner box that actually scrolls horizontally. overflow-x works here because it
/* Barely visible at rest, appears on hover */
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;
}
 
/* BarelyCopy button: top-right corner, barely visible at rest, appears on hover */
.copy-table-btn {
position: absolute;
bottomtop: 6px0px;
right: 6px0px;
padding: 5px;
line-height: 1;