Merge pull request #12104 from KDSBrowne/bbb-11970

Fix Focus Outline Clipping Buttons In Firefox
2021-04-21 18:14:25 -04:00 · 2021-04-21 18:14:25 -04:00 · a307c28d79
commit a307c28d79
parent 3c1c0ce019 f19bf1a1ef
1 changed files with 7 additions and 3 deletions
--- a/bigbluebutton-html5/imports/ui/components/button/styles.scss
+++ b/bigbluebutton-html5/imports/ui/components/button/styles.scss
@ -107,9 +107,7 @@
  display: inline-block;
  cursor: pointer;

-  &:-moz-focusring {
-    outline: none;
-  }
+

  &:focus,
  &:hover {
@ -120,6 +118,12 @@
    outline-style: solid;
  }

+  &:-moz-focusring {
+    outline-color: transparent;
+    outline-offset: var(--border-radius);
+  }
+
+
  &:active {
    &:focus {
      span:first-of-type::before {