status-im/consul
2
0
Fork 0
mirror of https://github.com/status-im/consul.git synced 2025-02-27 12:50:40 +00:00
Code Issues Projects Releases Wiki Activity

ui: Ensure CopyableCode copy icon/button is fully clickable (#14016)

Browse Source 
* ui: Ensure CopyableCode copy icon/button is fully clickable

* Give it a 40px height also
This commit is contained in:
John Cowen 2022-08-04 13:30:52 +01:00 committed by GitHub
parent a06eeeda15
commit ff88fcdb39
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ui/packages/consul-ui/app/components/copyable-code/index.scss
View File

@ -26,8 +26,16 @@
} }
.copy-button { .copy-button {
position: absolute; position: absolute;
top: 7px; top: 0;
right: 12px; right: 0;
z-index: 1;
}
.copy-button button {
width: 40px;
height: 40px;
}
.copy-button button:empty::after {
display: none;
} }
button[aria-expanded] { button[aria-expanded] {
margin-top: 1px; margin-top: 1px;