From bc3725e858b0c1bc27dd1164cb2908dcef21f404 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Sat, 11 Mar 2017 14:54:09 +0100 Subject: update to 52.0 --- .../browser/privatebrowsing/aboutPrivateBrowsing.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) (limited to 'arc-firefox-theme/chrome/browser/privatebrowsing/aboutPrivateBrowsing.css') diff --git a/arc-firefox-theme/chrome/browser/privatebrowsing/aboutPrivateBrowsing.css b/arc-firefox-theme/chrome/browser/privatebrowsing/aboutPrivateBrowsing.css index e0e023c..923aa92 100644 --- a/arc-firefox-theme/chrome/browser/privatebrowsing/aboutPrivateBrowsing.css +++ b/arc-firefox-theme/chrome/browser/privatebrowsing/aboutPrivateBrowsing.css @@ -135,6 +135,23 @@ a.button { display: inline-block; } +/** + * We want to hide the checkbox in lieu of the toggle-btn + * "slider toggle". We need to make the toggle keyboard + * focusable, however, which is not possible if it's + * display:none. We work around this by making the toggle + * invisible but still present in the display list, allowing + * it to receive keyboard events. When it is focused by keyboard, + * we use the -moz-focusring selector on the invisible checkbox + * to show a focus ring around the slider toggle. + */ +.toggle-input { + opacity: 0; + width: 0; + pointer-events: none; + position: absolute; +} + .toggle + .toggle-btn { box-sizing: border-box; cursor: pointer; -- cgit v1.2.3