icons: Change bot icon from GitHub logo to Google material icon.

We currently use the GitHub logo to show the bots settings in both
personal and organization settings. This icon is not a correct
representation since we use have support for several different bots
including but not limited to a GitHub integration bot.

This commit replaces the GitHub logo with Smart Toy material icon
from Google, while also adding the required licencing details at
docs/THIRDPARTY.

Part of #19797.
This commit is contained in:
sayamsamal 2022-10-06 22:47:49 +05:30 committed by Tim Abbott
parent c29ccb6a3f
commit 9f6f77f6bc
4 changed files with 12 additions and 2 deletions

View File

@ -132,6 +132,11 @@ Copyright: Google, Inc.
License: Apache-2.0
Comment: Material volume icon (rounded) with custom cross symbol
Files: web/shared/icons/smart-toy.svg
Source: https://fonts.google.com/icons?selected=Material+Symbols+Rounded:smart_toy
Copyright: Google, Inc.
License: Apache-2.0
License: Apache-2.0
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.

Binary file not shown.

After

Width:  |  Height:  |  Size: 907 B

View File

@ -1308,6 +1308,11 @@ $option_title_width: 180px;
background-repeat: no-repeat;
}
.zulip-icon-smart-toy {
font-size: 1.6em;
margin: 8px 11px 10px 9px;
}
.locked {
width: 18px;
height: 18px;

View File

@ -30,7 +30,7 @@
</li>
{{#unless is_guest}}
<li tabindex="0" data-section="your-bots">
<i class="icon fa fa-github" aria-hidden="true"></i>
<i class="icon zulip-icon zulip-icon-smart-toy" aria-hidden="true"></i>
<div class="text">{{t "Bots" }}</div>
</li>
{{/unless}}
@ -125,7 +125,7 @@
{{/unless}}
{{#unless is_guest}}
<li tabindex="0" data-section="bot-list-admin">
<i class="icon fa fa-github" aria-hidden="true"></i>
<i class="icon zulip-icon zulip-icon-smart-toy" aria-hidden="true"></i>
<div class="text">{{t "Bots" }}</div>
{{#unless is_admin}}
<i class="locked fa fa-lock" title="{{t 'Only organization administrators can edit these settings.' }}"></i>