tor-browser

commit 26e0f7d2eb66e37066362c08487ca2bc431d23d9
parent 29ac786a7e03ed3c2ee3d5c865029cc262045d42
Author: Dre Grant <dgrant@mozilla.com>
Date:   Tue,  9 Dec 2025 19:40:48 +0000

Bug 1997647 fix outline for list widget r=home-newtab-reviewers,nbarrett,maxx

{F39251149}
{F39250972}

Differential Revision: https://phabricator.services.mozilla.com/D272721

Diffstat:
M
browser/extensions/newtab/content-src/components/Widgets/Lists/_Lists.scss
 | 
8
++++++++
M
browser/extensions/newtab/css/activity-stream.css
 | 
6
++++++

2 files changed, 14 insertions(+), 0 deletions(-)
diff --git a/browser/extensions/newtab/content-src/components/Widgets/Lists/_Lists.scss b/browser/extensions/newtab/content-src/components/Widgets/Lists/_Lists.scss
@@ -114,6 +114,10 @@
     border: none;
     overflow-y: auto;
     max-height: 165px;
+
+    &:focus {
+      outline: var(--focus-outline);
+    }
   }
 
   .task-item {
@@ -239,6 +243,10 @@
   .completed-task-wrapper summary {
     list-style: none;
 
+    &:focus {
+      outline: var(--focus-outline);
+    }
+
     .completed-title {
       color: var(--text-color-deemphasized);
       position: relative;
diff --git a/browser/extensions/newtab/css/activity-stream.css b/browser/extensions/newtab/css/activity-stream.css
@@ -4558,6 +4558,9 @@ dialog:dir(rtl)::after {
   overflow-y: auto;
   max-height: 165px;
 }
+.lists fieldset:focus {
+  outline: var(--focus-outline);
+}
 .lists .task-item {
   align-items: center;
   background: transparent;
@@ -4660,6 +4663,9 @@ dialog:dir(rtl)::after {
 .lists .completed-task-wrapper summary {
   list-style: none;
 }
+.lists .completed-task-wrapper summary:focus {
+  outline: var(--focus-outline);
+}
 .lists .completed-task-wrapper summary .completed-title {
   color: var(--text-color-deemphasized);
   position: relative;