style: API: add focus effect for links in modal()

chrisgurney · Feb 1, 2025 · 71434e9 · 71434e9
1 parent 3081753
commit 71434e9
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/src/styles.css b/src/styles.css
@@ -1759,6 +1759,13 @@ input[type="text"].note-toolbar-setting-error,
     & .suggestion-item > p, .modal-title > p {
         margin: 0;
     }
+    & a.internal-link, a.external-link {
+        &:is(:focus-visible) {
+            border-radius: var(--input-radius);
+            box-shadow: 0 0 0 1px var(--background-modifier-border);
+            box-shadow: 0 0 0 2px var(--background-modifier-border-focus);
+        }
+    }
     &[data-ntb-ui-mode*="noclose"] {
         & .modal-close-button {
             display: none;

diff --git a/styles.css b/styles.css
@@ -2648,6 +2648,13 @@ input[type="text"].note-toolbar-setting-error,
     & .suggestion-item > p, .modal-title > p {
         margin: 0;
     }
+    & a.internal-link, a.external-link {
+        &:is(:focus-visible) {
+            border-radius: var(--input-radius);
+            box-shadow: 0 0 0 1px var(--background-modifier-border);
+            box-shadow: 0 0 0 2px var(--background-modifier-border-focus);
+        }
+    }
     &[data-ntb-ui-mode*="noclose"] {
         & .modal-close-button {
             display: none;