tor-browser

commit 47464fb15f30234867247c89c0ffaaaa5331cc0d
parent 5980df272ec0cb9026ceb173b38597272688a463
Author: Dre Grant <dgrant@mozilla.com>
Date:   Mon,  1 Dec 2025 17:27:08 +0000

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

{F39251149}
{F39250972}

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

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

2 files changed, 18 insertions(+), 3 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,9 @@
     border: none;
     overflow-y: auto;
     max-height: 165px;
+    &:focus {
+      outline: var(--focus-outline);
+    }
   }
 
   .task-item {
@@ -146,6 +149,7 @@
 
       span {
         -webkit-line-clamp: 3;
+        line-clamp: 3;
         overflow: hidden;
         text-overflow: ellipsis;
         word-break: break-word;
@@ -234,10 +238,14 @@
     display: flex;
     flex-direction: column;
     gap: var(--space-small);
-  }
+    }
+    
+    .completed-task-wrapper summary {
+      list-style: none;
 
-  .completed-task-wrapper summary {
-    list-style: none;
+          &:focus {
+            outline: var(--focus-outline);
+      }
 
     .completed-title {
       color: var(--text-color-deemphasized);
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;
@@ -4583,6 +4586,7 @@ dialog:dir(rtl)::after {
 }
 .lists .task-item .checkbox-wrapper span {
   -webkit-line-clamp: 3;
+  line-clamp: 3;
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-word;
@@ -4660,6 +4664,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;