From 10995ee6b867f3a9a80ba6a86a86042b9574474a Mon Sep 17 00:00:00 2001
From: Jared Wein <jwein@mozilla.com>
Date: Tue, 12 May 2015 17:07:47 -0400
Subject: [PATCH] Bug 1155517 - Change Reader View to have a "Save Page to
 Pocket" button instead of "Add To Reader List". r=dolske a=dolske

---
 toolkit/themes/osx/global/jar.mn              |  1 +
 toolkit/themes/shared/aboutReaderControls.css |  8 ++++++
 toolkit/themes/shared/reader/pocket.svg       | 28 +++++++++++++++++++
 toolkit/themes/windows/global/jar.mn          |  1 +
 4 files changed, 38 insertions(+)
 create mode 100644 toolkit/themes/shared/reader/pocket.svg

diff --git a/toolkit/themes/osx/global/jar.mn b/toolkit/themes/osx/global/jar.mn
index 031dadfa6c1e..231883eac40a 100644
--- a/toolkit/themes/osx/global/jar.mn
+++ b/toolkit/themes/osx/global/jar.mn
@@ -196,6 +196,7 @@ toolkit.jar:
   skin/classic/global/in-content/dropdown.svg                        (../../shared/in-content/dropdown.svg)
   skin/classic/global/in-content/help-glyph.svg                      (../../shared/in-content/help-glyph.svg)
   skin/classic/global/in-content/radio.svg                           (../../shared/in-content/radio.svg)
+  skin/classic/global/reader/pocket.svg                              (../../shared/reader/pocket.svg)
   skin/classic/global/reader/RM-Add-24x24.svg                        (../../shared/reader/RM-Add-24x24.svg)
   skin/classic/global/reader/RM-Close-24x24.svg                      (../../shared/reader/RM-Close-24x24.svg)
   skin/classic/global/reader/RM-Delete-24x24.svg                     (../../shared/reader/RM-Delete-24x24.svg)
diff --git a/toolkit/themes/shared/aboutReaderControls.css b/toolkit/themes/shared/aboutReaderControls.css
index 6a181143911d..005a3b9b42f1 100644
--- a/toolkit/themes/shared/aboutReaderControls.css
+++ b/toolkit/themes/shared/aboutReaderControls.css
@@ -379,6 +379,14 @@
   background-image: url("chrome://global/skin/reader/RM-Plus-24x24.svg");
 }
 
+#pocket-button {
+  background-image: url("chrome://global/skin/reader/pocket.svg#pocket-mark");
+}
+
+#pocket-button:hover:active {
+  background-image: url("chrome://global/skin/reader/pocket.svg#pocket-mark-added");
+}
+
 @media print {
   .toolbar {
     display: none !important;
diff --git a/toolkit/themes/shared/reader/pocket.svg b/toolkit/themes/shared/reader/pocket.svg
new file mode 100644
index 000000000000..63b22fa63956
--- /dev/null
+++ b/toolkit/themes/shared/reader/pocket.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     xmlns:xlink="http://www.w3.org/1999/xlink"
+     viewBox="0 0 24 24">
+  <style>
+    use:not(:target) {
+      display: none;
+    }
+    use {
+      fill: #808080;
+    }
+    use[id$="-added"] {
+      fill: #EE4056;
+    }
+  </style>
+  <defs style="display: none;">
+    <path id="pocket-mark-shape" d="M21.901,4.204C21.642,3.484,20.956,3,20.196,3h-0.01h-1.721H3.814C3.067,3,2.385,3.474,2.119,4.179
+      C2.04,4.388,2,4.606,2,4.828v6.082l0.069,1.21c0.29,2.751,1.707,5.155,3.899,6.832c0.039,0.03,0.079,0.06,0.119,0.089l0.025,0.018
+      c1.175,0.866,2.491,1.452,3.91,1.741C10.677,20.932,11.347,21,12.013,21c0.615,0,1.232-0.057,1.839-0.171
+      c0.073-0.014,0.145-0.028,0.219-0.044c0.02-0.004,0.042-0.012,0.064-0.023c1.359-0.299,2.621-0.87,3.753-1.704l0.025-0.018
+      c0.04-0.029,0.08-0.059,0.119-0.089c2.192-1.677,3.609-4.08,3.898-6.832L22,10.91V4.828C22,4.618,21.975,4.409,21.901,4.204z
+      M17.667,10.539l-4.704,4.547c-0.266,0.256-0.608,0.385-0.949,0.385c-0.342,0-0.684-0.129-0.949-0.385l-4.705-4.547
+      c-0.547-0.528-0.565-1.403-0.04-1.954c0.524-0.551,1.392-0.569,1.939-0.041l3.756,3.63l3.755-3.63
+      c0.547-0.528,1.415-0.51,1.939,0.04C18.231,9.136,18.213,10.011,17.667,10.539z"/>
+  </defs>
+  <use id="pocket-mark" xlink:href="#pocket-mark-shape"/>
+  <use id="pocket-mark-added" xlink:href="#pocket-mark-shape"/>
+</svg>
diff --git a/toolkit/themes/windows/global/jar.mn b/toolkit/themes/windows/global/jar.mn
index 19b92a81ff8c..34600e44fc23 100644
--- a/toolkit/themes/windows/global/jar.mn
+++ b/toolkit/themes/windows/global/jar.mn
@@ -187,6 +187,7 @@ toolkit.jar:
         skin/classic/global/printpreview/arrow-right-end.png     (printpreview/arrow-right-end.png)
         skin/classic/global/radio/radio-check.gif                (radio/radio-check.gif)
         skin/classic/global/radio/radio-check-dis.gif            (radio/radio-check-dis.gif)
+        skin/classic/global/reader/pocket.svg                    (../../shared/reader/pocket.svg)
         skin/classic/global/reader/RM-Add-24x24.svg              (../../shared/reader/RM-Add-24x24.svg)
         skin/classic/global/reader/RM-Close-24x24.svg            (../../shared/reader/RM-Close-24x24.svg)
         skin/classic/global/reader/RM-Delete-24x24.svg           (../../shared/reader/RM-Delete-24x24.svg)