fix: Add global focus style override (#1451)

* fix: Add global focus style override * NetworkSelector focus Co-authored-by: katspaugh <katspaugh@gmail.com>
safe-global · Dec 29, 2022 · bbc5ab5 · bbc5ab5
1 parent f407877
commit bbc5ab5
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/components/common/NetworkSelector/styles.module.css b/src/components/common/NetworkSelector/styles.module.css
@@ -11,6 +11,11 @@
   background: inherit;
 }
 
+.select *:focus-visible {
+  outline: 5px auto Highlight;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
 .select :global .MuiSelect-select {
   padding-right: 40px !important;
   padding-left: 16px;

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -36,6 +36,11 @@ button {
   font: inherit;
 }
 
+:focus-visible {
+  outline: 5px auto Highlight;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
 * {
   box-sizing: border-box;
 }
@@ -104,7 +109,7 @@ input[type='number'] {
 }
 
 body.beamerAnnouncementBarTopActive {
-  padding-top: 0px !important;
+  padding-top: 0 !important;
 }
 
 #beamerLastPostTitle {