Bug 1709655 - Update about:addons "Update Available" and "Recent Updates" category icons. r=sfoster

This patch updates the following icons:
- category-available.svg: replaced with the content of the optimized icon update-circle-20.svg
- category-recent.svg: currently replaced with the content of the same icon used for category-available-svg,
  but with the addition of the attribute `transform="rotate(180)"` on the svg element, mainly because:
  - this two categories may be visible at the same time if there are pending updates available AND
    the user selects "View Recent Updates" from the about:addons page gear menu popup
  - when both the categories are visible and the about:addons page width is less then 830px, only the
    category icons are still visible (similarly to other about pages) and having the exact same icon
    for both the categories may look confusing for the user
  - The opposite arrow directions does also match the two icons previously used by this two categories buttons
  - the recommendation was to use the same icon for both these categories, and so I assumed that one was
    meant to be rotate the category-recent.svg one by 180 deg.
  - the icon is applied to the category button as a background image, and so rotating it from the CSS rule
    would also rotate the category button text as well

As per Step 7 from the "Proton Icons Procedure" google doc, I did run `RUN_FIND_DUPES=1 ./mach package` to
detect if these two icons needed to be added to the allow-dupes file but no duplicate was detected,
I guess it is because:
- update-circle-20.svg may not be yet used anywhere else (and so not part of the icons already used in mozilla-central)
- category-recent.svg is being rotated with an attribute applied in the svg element itself and so it is
  technically a different icon from that "duplicate" icons check perspective.

Differential Revision: https://phabricator.services.mozilla.com/D114780
This commit is contained in:
Luca Greco 2021-05-13 14:31:09 +00:00
Родитель 83fcb74e81
Коммит 27d365a227
2 изменённых файлов: 5 добавлений и 6 удалений

Просмотреть файл

@ -1,7 +1,6 @@
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" width="32" height="32">
<path d="M12 16a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm2.2-3.54l-1.92 1.92a.38.38 0 0 1-.54 0L9.8 12.46a.38.38 0 1 1 .54-.54l1.27 1.27V9.88a.38.38 0 0 1 .77 0v3.3l1.27-1.27a.38.38 0 0 1 .54.54z" />
<path d="M6 12a2.56 2.56 0 0 1 1 .21V12a5 5 0 0 1 5-5V5a1 1 0 0 0-1-1H7.75A.77.77 0 0 1 7 3.25c0-.75 1-.78 1-1.75S7.1 0 6 0 4 .64 4 1.5s1 1 1 1.75a.77.77 0 0 1-.75.75H1a1 1 0 0 0-1 1v2.25A.77.77 0 0 0 .75 8c.75 0 .78-1 1.75-1S4 7.9 4 9s-.64 2-1.5 2-1-1-1.75-1a.77.77 0 0 0-.75.75V15a1 1 0 0 0 1 1h3.25a.77.77 0 0 0 .75-.75c0-.75-1-.78-1-1.75S4.9 12 6 12z" />
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20" fill="context-fill" fill-opacity="context-fill-opacity">
<path d="M10 .5C4.8.5.5 4.8.5 10s4.3 9.5 9.5 9.5 9.5-4.3 9.5-9.5S15.2.5 10 .5zM10 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8zm5.3-9.3c.3.3.3.8 0 1.1s-.8.3-1.1 0l-3.5-3.5v8.9c0 .4-.3.8-.8.8s-.8-.3-.8-.8V6.3L5.8 9.8c-.2.1-.4.2-.5.2s-.4-.1-.6-.2c-.3-.3-.3-.8 0-1.1L9.5 4h1.1l4.7 4.7z"/>
</svg>

До

Ширина:  |  Высота:  |  Размер: 910 B

После

Ширина:  |  Высота:  |  Размер: 652 B

Просмотреть файл

@ -1,7 +1,7 @@
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="context-fill" fill-opacity="context-fill-opacity" width="32" height="32">
<path d="M12 8a4 4 0 1 0 4 4 4 4 0 0 0-4-4zm-2.2 3.54l1.92-1.92a.38.38 0 0 1 .54 0l1.92 1.92a.38.38 0 0 1-.54.54l-1.27-1.27v3.3a.38.38 0 0 1-.77 0v-3.3l-1.27 1.27a.38.38 0 0 1-.54-.54z"/>
<path d="M6 12a2.56 2.56 0 0 1 1 .21V12a5 5 0 0 1 5-5V5a1 1 0 0 0-1-1H7.75A.77.77 0 0 1 7 3.25c0-.75 1-.78 1-1.75S7.1 0 6 0 4 .64 4 1.5s1 1 1 1.75a.77.77 0 0 1-.75.75H1a1 1 0 0 0-1 1v2.25A.77.77 0 0 0 .75 8c.75 0 .78-1 1.75-1S4 7.9 4 9s-.64 2-1.5 2-1-1-1.75-1a.77.77 0 0 0-.75.75V15a1 1 0 0 0 1 1h3.25a.77.77 0 0 0 .75-.75c0-.75-1-.78-1-1.75S4.9 12 6 12z"/>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20" fill="context-fill" fill-opacity="context-fill-opacity"
transform="rotate(180)">
<path d="M10 .5C4.8.5.5 4.8.5 10s4.3 9.5 9.5 9.5 9.5-4.3 9.5-9.5S15.2.5 10 .5zM10 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8zm5.3-9.3c.3.3.3.8 0 1.1s-.8.3-1.1 0l-3.5-3.5v8.9c0 .4-.3.8-.8.8s-.8-.3-.8-.8V6.3L5.8 9.8c-.2.1-.4.2-.5.2s-.4-.1-.6-.2c-.3-.3-.3-.8 0-1.1L9.5 4h1.1l4.7 4.7z"/>
</svg>

До

Ширина:  |  Высота:  |  Размер: 909 B

После

Ширина:  |  Высота:  |  Размер: 681 B