copy: Use redesigned copy button in bot settings UI.

This commit just replaces the old fa copy icon with the custom Zulip
copy icon. Since all the bot related icons in Personal/Settings/Bots
uses different colors, this commit avoids only changing the copy icon
colors, since that would result in an unintended standout.
This commit is contained in:
Sayam Samal 2024-09-19 01:16:37 +05:30 committed by Tim Abbott
parent 79e8cb60db
commit 4afdb33906
3 changed files with 5 additions and 11 deletions

View File

@ -507,7 +507,9 @@ export function set_up(): void {
// Show a tippy tooltip when the bot zuliprc is copied // Show a tippy tooltip when the bot zuliprc is copied
clipboard.on("success", (e) => { clipboard.on("success", (e) => {
assert(e.trigger instanceof HTMLElement); assert(e.trigger instanceof HTMLElement);
show_copied_confirmation(e.trigger); show_copied_confirmation(e.trigger, {
show_check_icon: true,
});
}); });
$("#bot-settings .add-a-new-bot").on("click", (e) => { $("#bot-settings .add-a-new-bot").on("click", (e) => {

View File

@ -895,15 +895,7 @@ input[type="checkbox"] {
} }
.copy_zuliprc { .copy_zuliprc {
padding: 0 4px; color: hsl(51deg 90% 50%);
#clipboard_image {
margin: 0 -2px 0 0;
path {
fill: hsl(51deg 90% 50%);
}
}
} }
.purple { .purple {

View File

@ -12,7 +12,7 @@
<i class="fa fa-download sea-green" aria-hidden="true"></i> <i class="fa fa-download sea-green" aria-hidden="true"></i>
</a> </a>
<button type="submit" id="copy_zuliprc" class="btn copy_zuliprc tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Copy zuliprc' }}"> <button type="submit" id="copy_zuliprc" class="btn copy_zuliprc tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Copy zuliprc' }}">
{{> ../copy_to_clipboard_svg }} <i class="zulip-icon zulip-icon-copy" aria-hidden="true"></i>
</button> </button>
<button type="submit" class="btn deactivate_bot danger-red tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Deactivate bot' }}" data-user-id="{{user_id}}"> <button type="submit" class="btn deactivate_bot danger-red tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Deactivate bot' }}" data-user-id="{{user_id}}">
<i class="fa fa-user-times" aria-hidden="true"></i> <i class="fa fa-user-times" aria-hidden="true"></i>