Bug 471753 - Show a link to the private browsing help page on mozilla.com in about:privatebrowsing; r=mconnor ui-r=mconnor,faaborg

browser/components/privatebrowsing/content/aboutPrivateBrowsing.xhtml

@@ -106,6 +106,14 @@
         for (let i = 0; i < elements.length; ++ i)
           elements[i].parentNode.removeChild(elements[i]);
 
+        // Set up the help link
+        let moreInfoURL = Cc["@mozilla.org/toolkit/URLFormatterService;1"].
+                          getService(Ci.nsIURLFormatter).
+                          formatURLPref("app.support.baseURL");
+        let moreInfoLink = document.getElementById("moreInfoLink");
+        if (moreInfoLink)
+          moreInfoLink.setAttribute("href", moreInfoURL + "private-browsing");
+
         // Focus the location bar
         if (mainWindow.gURLBar)
           mainWindow.focusElement(mainWindow.gURLBar);
@@ -153,6 +161,14 @@
           <p id="footerText" class="showPrivate">&privatebrowsingpage.howToStop;</p>
           <p id="footerTextNormal" class="showNormal">&privatebrowsingpage.howToStart;</p>
         </div>
+
+        <!-- More Info -->
+        <div id="moreInfo" class="showPrivate">
+          <p id="moreInfoText">
+            &privatebrowsingpage.moreInfo;
+            <a id="moreInfoLink" target="_blank">&privatebrowsingpage.learnMore;</a>
+          </p>
+        </div>
       </div>
     </div>
 

browser/themes/gnomestripe/browser/aboutPrivateBrowsing.css

@@ -59,3 +59,13 @@ body.normal > #errorPageContainer {
 #footerDesc > p {
   font-size: 110%; /* to match the value set in chrome://global/skin/netError.css */
 }
+
+#moreInfoText {
+  font-size: 110%; /* to match the value set in chrome://global/skin/netError.css */
+  -moz-padding-start: 25px;
+  background: url("moz-icon://stock/gtk-dialog-info?size=menu") no-repeat top left;
+}
+
+body[dir="rtl"] #moreInfoText {
+  background-position: top right;
+}

browser/themes/pinstripe/browser/aboutPrivateBrowsing.css

@@ -59,3 +59,13 @@ body.normal > #errorPageContainer {
 #footerDesc > p {
   font-size: 110%; /* to match the value set in chrome://global/skin/netError.css */
 }
+
+#moreInfoText {
+  font-size: 110%; /* to match the value set in chrome://global/skin/netError.css */
+  -moz-padding-start: 25px;
+  background: url("chrome://global/skin/icons/information-16.png") no-repeat top left;
+}
+
+body[dir="rtl"] #moreInfoText {
+  background-position: top right;
+}

browser/themes/winstripe/browser/aboutPrivateBrowsing.css

@@ -59,3 +59,13 @@ body.normal > #errorPageContainer {
 #footerDesc > p {
   font-size: 110%; /* to match the value set in chrome://global/skin/netError.css */
 }
+
+#moreInfoText {
+  font-size: 110%; /* to match the value set in chrome://global/skin/netError.css */
+  -moz-padding-start: 25px;
+  background: url("chrome://global/skin/icons/information-16.png") no-repeat top left;
+}
+
+body[dir="rtl"] #moreInfoText {
+  background-position: top right;
+}