From 8b6a7e3ed751e88c0122b526f571cd6e37d4de89 Mon Sep 17 00:00:00 2001
From: Mark Striemer <mstriemer@mozilla.com>
Date: Fri, 15 Mar 2019 19:19:15 +0000
Subject: [PATCH] Bug 1525193 - HTML ghost button styles r=dao

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

--HG--
extra : moz-landing-system : lando
---
 toolkit/mozapps/extensions/content/aboutaddons.html |  2 +-
 toolkit/themes/shared/in-content/common.inc.css     | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/toolkit/mozapps/extensions/content/aboutaddons.html b/toolkit/mozapps/extensions/content/aboutaddons.html
index da5095f36f1c..f43393e6590f 100644
--- a/toolkit/mozapps/extensions/content/aboutaddons.html
+++ b/toolkit/mozapps/extensions/content/aboutaddons.html
@@ -21,7 +21,7 @@
           <span class="addon-description"></span>
         </div>
         <div class="more-options-menu">
-          <button action="more-options"></button>
+          <button class="ghost-button" action="more-options"></button>
           <panel-list>
             <panel-item action="toggle-disabled"></panel-item>
             <panel-item data-l10n-id="remove-addon-button" action="remove"></panel-item>
diff --git a/toolkit/themes/shared/in-content/common.inc.css b/toolkit/themes/shared/in-content/common.inc.css
index c83bd92d3d9c..0cd0ffa000ef 100644
--- a/toolkit/themes/shared/in-content/common.inc.css
+++ b/toolkit/themes/shared/in-content/common.inc.css
@@ -278,6 +278,18 @@ xul|button.primary:not([disabled="true"]):hover:active {
   background-color: var(--in-content-primary-button-background-active);
 }
 
+html|button.ghost-button {
+  background-color: transparent;
+}
+
+html|button.ghost-button:enabled:hover {
+  background-color: var(--in-content-button-background);
+}
+
+html|button.ghost-button:enabled:hover:active {
+  background-color: var(--in-content-button-background-hover);
+}
+
 html|input[type="color"] {
   padding: 6px;
   width: 50px;