Bug 1699586 - De-duplicate small left arrow icons, rename as arrow-left-12.svg. r=harry,desktop-theme-reviewers,Itiel

Differential Revision: https://phabricator.services.mozilla.com/D117574

browser/components/newtab/content-src/components/MoreRecommendations/_MoreRecommendations.scss

@@ -17,6 +17,6 @@
   }
 
   &:dir(rtl)::after  {
-    transform: scaleX(-1);
+    background-image: url('chrome://global/skin/icons/arrow-left-12.svg');
   }
 }

browser/components/newtab/css/activity-stream-linux.css

@@ -3012,7 +3012,7 @@ main.has-snippet {
   width: 12px;
 }
 .more-recommendations:dir(rtl)::after {
-  transform: scaleX(-1);
+  background-image: url("chrome://global/skin/icons/arrow-left-12.svg");
 }
 
 .discovery-stream.ds-layout {

browser/components/newtab/css/activity-stream-mac.css

@@ -3016,7 +3016,7 @@ main.has-snippet {
   width: 12px;
 }
 .more-recommendations:dir(rtl)::after {
-  transform: scaleX(-1);
+  background-image: url("chrome://global/skin/icons/arrow-left-12.svg");
 }
 
 .discovery-stream.ds-layout {

browser/components/newtab/css/activity-stream-windows.css

@@ -3012,7 +3012,7 @@ main.has-snippet {
   width: 12px;
 }
 .more-recommendations:dir(rtl)::after {
-  transform: scaleX(-1);
+  background-image: url("chrome://global/skin/icons/arrow-left-12.svg");
 }
 
 .discovery-stream.ds-layout {

browser/installer/allowed-dupes.mn

@@ -102,12 +102,10 @@ browser/chrome/browser/content/activity-stream/data/content/tippytop/favicons/ya
 browser/chrome/browser/search-extensions/yandex/yandex-ru.ico
 
 # Bug 1698146, bug 1699586 - Deduplicate chevrons/arrows in the tree
-chrome/toolkit/skin/classic/global/icons/twisty-collapsed-rtl.svg
 chrome/toolkit/skin/classic/global/icons/arrow-dropdown-16.svg
 chrome/toolkit/skin/classic/global/icons/find-next-arrow.svg
 chrome/toolkit/skin/classic/global/icons/arrow-up-16.svg
 chrome/toolkit/skin/classic/global/icons/find-previous-arrow.svg
-browser/chrome/browser/skin/classic/browser/back-12.svg
 
 # Bug 1708008 - De-duplicate extension icons
 browser/chrome/browser/content/browser/extension.svg

browser/themes/shared/browser.inc.css

@@ -509,7 +509,7 @@ menupopup::part(drop-indicator) {
 }
 
 #contextual-feature-recommendation-notification[data-notification-bucket="CFR_MILESTONE_MESSAGE"] .popup-notification-button.popup-notification-primary-button:after {
-  content: url(chrome://browser/skin/back-12.svg);
+  content: url(chrome://global/skin/icons/arrow-left-12.svg);
   -moz-context-properties: fill;
   fill: currentColor;
   transform: translateY(2px);

browser/themes/shared/jar.inc.mn

@@ -127,7 +127,6 @@
 
   skin/classic/browser/add-circle-fill.svg            (../shared/icons/add-circle-fill.svg)
   skin/classic/browser/back.svg                       (../shared/icons/back.svg)
-  skin/classic/browser/back-12.svg                    (../shared/icons/back-12.svg)
   skin/classic/browser/bookmark.svg                   (../shared/icons/bookmark.svg)
   skin/classic/browser/bookmark-12.svg                (../shared/icons/bookmark-12.svg)
   skin/classic/browser/bookmark-hollow.svg            (../shared/icons/bookmark-hollow.svg)

browser/themes/shared/syncedtabs/sidebar.inc.css

@@ -95,7 +95,7 @@ body {
 }
 
 .item.client.closed .item-twisty-container:dir(rtl) {
-  background-image: url("chrome://global/skin/icons/twisty-collapsed-rtl.svg");
+  background-image: url("chrome://global/skin/icons/arrow-left-12.svg");
 }
 
 .client .item.tab > .item-title-container {

toolkit/components/aboutperformance/content/aboutPerformance.css

@@ -156,7 +156,7 @@ td {
   fill: currentColor;
 }
 .twisty:dir(rtl)::before {
-  transform: scaleX(-1);
+  content: url("chrome://global/skin/icons/arrow-left-12.svg");
 }
 .twisty.open::before {
   content: url("chrome://global/skin/icons/arrow-down-12.svg");

toolkit/components/aboutprocesses/content/aboutProcesses.css

@@ -103,7 +103,7 @@ td:first-child {
   fill: currentColor;
 }
 .twisty:dir(rtl)::before {
-  content: url("chrome://global/skin/icons/twisty-collapsed-rtl.svg");
+  content: url("chrome://global/skin/icons/arrow-left-12.svg");
 }
 .twisty.open::before {
   content: url("chrome://global/skin/icons/arrow-down-12.svg");

toolkit/themes/shared/icons/twisty-collapsed-rtl.svg

@@ -1,6 +0,0 @@
-<!-- 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 12 12" width="12" height="12" fill="context-fill" fill-opacity="context-fill-opacity">
-  <path d="m4.001 6.24 3.613 3.614a.498.498 0 0 0 .707 0 .5.5 0 0 0 0-.707L5.174 5.999 8.32 2.853a.5.5 0 0 0-.707-.707L4 5.759l.001.481z"/>
-</svg>

toolkit/themes/shared/jar.inc.mn

@@ -77,13 +77,13 @@ toolkit.jar:
   skin/classic/global/icons/shortcut.svg                   (../../shared/icons/shortcut.svg)
   skin/classic/global/icons/sort-arrow.svg                 (../../shared/icons/sort-arrow.svg)
   skin/classic/global/icons/twisty-collapsed.svg           (../../shared/icons/twisty-collapsed.svg)
-  skin/classic/global/icons/twisty-collapsed-rtl.svg       (../../shared/icons/twisty-collapsed-rtl.svg)
 #if defined(NIGHTLY_BUILD)
   skin/classic/global/icons/icon-refresh.svg               (../../shared/icons/icon-refresh.svg)
 #endif
   skin/classic/global/icons/update-icon.svg                (../../shared/icons/update-icon.svg)
   skin/classic/global/icons/arrow-down-12.svg            (../../shared/icons/arrow-down-12.svg)
   skin/classic/global/icons/arrow-dropdown-16.svg          (../../shared/icons/arrow-dropdown-16.svg)
+  skin/classic/global/icons/arrow-left-12.svg              (../../shared/icons/arrow-left-12.svg)
   skin/classic/global/icons/arrow-up-12.svg                (../../shared/icons/arrow-up-12.svg)
   skin/classic/global/icons/arrow-up-16.svg                (../../shared/icons/arrow-up-16.svg)
   skin/classic/global/icons/warning.svg                    (../../shared/icons/warning.svg)

toolkit/themes/shared/tree.inc.css

@@ -181,7 +181,7 @@ treechildren::-moz-tree-twisty {
 }
 
 treechildren:-moz-locale-dir(rtl)::-moz-tree-twisty(closed) {
-  list-style-image: url("chrome://global/skin/icons/twisty-collapsed-rtl.svg");
+  list-style-image: url("chrome://global/skin/icons/arrow-left-12.svg");
 }
 
 treechildren::-moz-tree-twisty(open) {