MediaWiki:Gadget-copyTable.css: Difference between revisions
Content deleted Content added
Created page with ".copy-table-btn { display: inline-block; margin-bottom: 4px; padding: 4px 10px; font-size: 13px; cursor: pointer; border: 1px solid #a2a9b1; border-radius: 3px; background: #f8f9fa; color: #202122; } .copy-table-btn:hover { background: #eaecf0; }" |
No edit summary |
||
Line 1:
/* Wrapper shrink-wraps to the table so the button hugs its corner */
.copy-table-btn {▼
.copy-table-wrapper {
position: relative;
display: inline-block;
}
padding: 4px 10px;▼
/* Barely visible at rest, appears on hover */
▲.copy-table-btn {
position: absolute;
bottom: 6px;
right: 6px;
line-height: 1;
border: 1px solid transparent;
cursor: pointer;
transition: opacity 0.2s, background 0.2s, border-color 0.2s;
▲ border-radius: 3px;
▲ background: #f8f9fa;
▲ color: #202122;
}
.copy-table-btn:hover {
background: #ffffff;
border-color: #a2a9b1;
color: #202122;
}
/* Green checkmark after successful copy */
.copy-table-btn--ok {
opacity: 1;
color: #00af89;
}
| |||