MediaWiki:Gadget-copyTable.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Wrapper shrink-wraps to the table so the button hugs its corner */
.copy-table-wrapper {
position: relative;
display: block; /* was: inline-block — that shrink-wrapped the table */
max-width: 100%;
}
/* Barely visible at rest, appears on hover */
.copy-table-btn {
position: absolute;
bottom: 6px;
right: 6px;
padding: 5px;
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;
}