diff --git a/web/src/invite.ts b/web/src/invite.ts index d0bc65a210..e1aef02547 100644 --- a/web/src/invite.ts +++ b/web/src/invite.ts @@ -229,6 +229,7 @@ function generate_multiuse_invite(): void { clipboard.on("success", () => { const tippy_timeout_in_ms = 800; show_copied_confirmation(util.the($("#copy_generated_invite_link")), { + show_check_icon: true, timeout_in_ms: tippy_timeout_in_ms, }); }); diff --git a/web/styles/zulip.css b/web/styles/zulip.css index 1292cf9216..a86438efa9 100644 --- a/web/styles/zulip.css +++ b/web/styles/zulip.css @@ -642,36 +642,13 @@ li, #copy_generated_link_container { display: flex; - width: 100%; - margin-right: -32px; gap: 4px; align-items: center; } #copy_generated_invite_link { position: relative; - margin-right: -32px; - margin-top: -1px; - padding: 6px 3px 6px 13px; - float: right; - - /* This property nullifies the box-shadow rendered by .btn class */ - &:active { - box-shadow: none; - } - - & path { - fill: var(--color-fill-user-invite-copy-icon); - } - - &:hover svg path { - fill: var(--color-fill-hover-copy-icon); - } -} - -#clipboard_image { - margin-top: -5px; - margin-left: -8px; + right: -30px; } /* Classes for hiding and showing controls */ diff --git a/web/templates/copy_invite_link.hbs b/web/templates/copy_invite_link.hbs index ff50a015b3..070bf80c23 100644 --- a/web/templates/copy_invite_link.hbs +++ b/web/templates/copy_invite_link.hbs @@ -1,9 +1,8 @@ - - {{> copy_to_clipboard_svg }} - -