Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

user_profile: Properly center icon for copying URLs.

This commit is contained in:
Karl Stolley 2024-07-30 16:45:49 -05:00 committed by Tim Abbott
parent 4ae16b7568
commit 0831636050
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/styles/popovers.css
View File

@ -178,6 +178,8 @@
.custom-user-url-field { .custom-user-url-field {
display: flex; display: flex;
/* Maintain space between URL and copy icon. */
gap: 3px;
overflow: hidden; overflow: hidden;
.custom-profile-fields-link { .custom-profile-fields-link {
@ -187,13 +189,18 @@
} }
.copy-custom-field-url { .copy-custom-field-url {
/* Don't flex; preserve 20px space for icon. */
flex: 0 0 20px;
/* Make button a flex item to center icon. */
display: flex;
align-items: center;
justify-content: center;
background-color: transparent; background-color: transparent;
border: 0; border: 0;
padding: 0; padding: 0;
#clipboard_image { #clipboard_image {
/* Adjust margin to align the copy icon */ margin: 0;
margin: -2px 0 0 6px;
&:hover path { &:hover path {
fill: hsl(204deg 100% 40%); fill: hsl(204deg 100% 40%);