MediaWiki:Gadget-copyTable.css: Difference between revisions
Appearance
Content deleted Content added
No edit summary |
No edit summary Tag: Reverted |
||
| Line 13: | Line 13: | ||
top: 0px; |
top: 0px; |
||
right: 0px; |
right: 0px; |
||
padding: |
padding: 0px; |
||
line-height: 1; |
line-height: 1; |
||
border: 1px solid transparent; |
border: 1px solid transparent; |
||
Revision as of 18:51, 9 June 2026
/* 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 {
position: relative;
display: block;
max-width: 100%;
}
/* Copy button: top-right corner, barely visible at rest, appears on hover */
.copy-table-btn {
position: absolute;
top: 0px;
right: 0px;
padding: 0px;
line-height: 1;
border: 1px solid transparent;
border-radius: 4px;
background: rgba(255, 255, 255, 0.7);
color: #72777d;
cursor: pointer;
opacity: 0.3;
transition: opacity 0.2s, background 0.2s, border-color 0.2s;
}
.copy-table-btn:hover {
opacity: 1;
background: #ffffff;
border-color: #a2a9b1;
color: #202122;
}
/* Green checkmark after successful copy */
.copy-table-btn--ok {
opacity: 1;
color: #00af89;
}