From 9fe757457004400a9f77c518c69e9135538f8604 Mon Sep 17 00:00:00 2001
From: Tim Huang <tihuang@mozilla.com>
Date: Tue, 17 Sep 2019 20:05:29 +0000
Subject: [PATCH] Bug 1578052 - Add the focus outline of the TP switch in
 protections panel. r=nhnt11

We add the focus outline of the TP switch according to different
platforms.

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

--HG--
extra : moz-landing-system : lando
---
 browser/themes/linux/controlcenter/panel.css   | 4 ++++
 browser/themes/osx/controlcenter/panel.css     | 1 +
 browser/themes/windows/controlcenter/panel.css | 4 ++++
 3 files changed, 9 insertions(+)

diff --git a/browser/themes/linux/controlcenter/panel.css b/browser/themes/linux/controlcenter/panel.css
index 461ffe8eadb6..fc1263376764 100644
--- a/browser/themes/linux/controlcenter/panel.css
+++ b/browser/themes/linux/controlcenter/panel.css
@@ -24,3 +24,7 @@
 #protections-popup toolbarbutton:not([disabled="true"]):hover:active {
   color: inherit;
 }
+
+.protections-popup-tp-switch:-moz-focusring {
+  outline: 1px dotted;
+}
diff --git a/browser/themes/osx/controlcenter/panel.css b/browser/themes/osx/controlcenter/panel.css
index a6c03484289d..add7be13604f 100644
--- a/browser/themes/osx/controlcenter/panel.css
+++ b/browser/themes/osx/controlcenter/panel.css
@@ -14,6 +14,7 @@
 }
 
 .tracking-protection-button:-moz-focusring,
+.protections-popup-tp-switch:-moz-focusring,
 #identity-popup-securityView-body > button:-moz-focusring {
   box-shadow: var(--focus-ring-box-shadow);
 }
diff --git a/browser/themes/windows/controlcenter/panel.css b/browser/themes/windows/controlcenter/panel.css
index cc9bab6f857b..b9e93b244029 100644
--- a/browser/themes/windows/controlcenter/panel.css
+++ b/browser/themes/windows/controlcenter/panel.css
@@ -7,3 +7,7 @@
 .tracking-protection-button > .button-box > .button-icon {
   margin-inline-end: 5px;
 }
+
+.protections-popup-tp-switch:-moz-focusring {
+  outline: 1px dotted;
+}