From 032f8d7c4ab4de9a9875ceec9bbc302ebafa395c Mon Sep 17 00:00:00 2001 From: KDSBrowne Date: Wed, 21 Apr 2021 13:46:21 +0000 Subject: [PATCH 1/2] add focus outline-offset to buttonWrappers for firefox --- bigbluebutton-html5/imports/ui/components/button/styles.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/bigbluebutton-html5/imports/ui/components/button/styles.scss b/bigbluebutton-html5/imports/ui/components/button/styles.scss index 3bb841646c..0b774cbfa5 100755 --- a/bigbluebutton-html5/imports/ui/components/button/styles.scss +++ b/bigbluebutton-html5/imports/ui/components/button/styles.scss @@ -109,6 +109,7 @@ &:-moz-focusring { outline: none; + outline-offset: var(--border-radius); } &:focus, From f19bf1a1ef6e3115830ae825bf95f0b60a2565d4 Mon Sep 17 00:00:00 2001 From: KDSBrowne Date: Wed, 21 Apr 2021 16:58:02 +0000 Subject: [PATCH 2/2] add transparent outline to moz focusring --- .../imports/ui/components/button/styles.scss | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/bigbluebutton-html5/imports/ui/components/button/styles.scss b/bigbluebutton-html5/imports/ui/components/button/styles.scss index 0b774cbfa5..ce751faeaa 100755 --- a/bigbluebutton-html5/imports/ui/components/button/styles.scss +++ b/bigbluebutton-html5/imports/ui/components/button/styles.scss @@ -107,10 +107,7 @@ display: inline-block; cursor: pointer; - &:-moz-focusring { - outline: none; - outline-offset: var(--border-radius); - } + &:focus, &:hover { @@ -121,6 +118,12 @@ outline-style: solid; } + &:-moz-focusring { + outline-color: transparent; + outline-offset: var(--border-radius); + } + + &:active { &:focus { span:first-of-type::before {