Skip to content

Commit 092a596

Browse files
committed
Sync focus outline fix with pathsim-home
1 parent 5efd73d commit 092a596

1 file changed

Lines changed: 23 additions & 8 deletions

File tree

src/app.css

Lines changed: 23 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -879,21 +879,36 @@ input::placeholder {
879879
}
880880

881881
/* Remove focus outline from CodeMirror and code blocks (editor has its own cursor) */
882-
.cm-editor:focus-visible,
882+
.cm-editor,
883+
.cm-editor *,
884+
.cm-content,
885+
.code-panel,
886+
.code-panel *,
887+
.code-block-wrapper,
888+
.code-block-wrapper *,
889+
.panel-body {
890+
outline: none !important;
891+
outline-style: none !important;
892+
-moz-outline-style: none !important;
893+
}
894+
883895
.cm-editor:focus,
884-
.cm-editor *:focus-visible,
885-
.cm-editor *:focus,
886-
.cm-content:focus-visible,
896+
.cm-editor:focus-visible,
897+
.cm-editor:focus-within,
887898
.cm-content:focus,
899+
.cm-content:focus-visible,
900+
.code-panel:focus,
888901
.code-panel:focus-visible,
889902
.code-panel:focus-within,
890-
.code-panel *:focus-visible,
891-
.code-panel *:focus,
903+
.code-block-wrapper:focus,
892904
.code-block-wrapper:focus-visible,
893905
.code-block-wrapper:focus-within,
894-
.code-block-wrapper *:focus-visible,
895-
.code-block-wrapper *:focus {
906+
.panel-body:focus,
907+
.panel-body:focus-visible,
908+
.panel-body:focus-within {
896909
outline: none !important;
910+
outline-style: none !important;
911+
-moz-outline-style: none !important;
897912
}
898913

899914
/* Skip link for accessibility */

0 commit comments

Comments
 (0)