tor-browser

commit 2a7ba90adccb99c63d1b1813d2b212a2b2aaac30
parent c3ac8a3998e6fb6644fcdb2c65f23a584c11674f
Author: Irene Ni <ini@mozilla.com>
Date:   Tue,  7 Oct 2025 16:51:44 +0000

Bug 1991696 - Fix New Tab Refined Story Cards disappearing on hover in High Contrast Mode. r=home-newtab-reviewers,maxx

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

Diffstat:
M
browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/DSCard/_DSCard.scss
 | 
3
++-
M
browser/extensions/newtab/css/activity-stream.css
 | 
3
++-

2 files changed, 4 insertions(+), 2 deletions(-)
diff --git a/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/DSCard/_DSCard.scss b/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/DSCard/_DSCard.scss
@@ -643,13 +643,14 @@ $ds-card-image-gradient-solid: rgba(0, 0, 0, 100%);
   .card-stp-button-hover-background {
     height: 100%;
     padding-block-start: 0;
-    background: var(--button-background-color-ghost);
+    background: transparent;
 
     .card-stp-button-position-wrapper {
       inset-block-start: unset;
       // this value needs to equal the current padding of the card
       inset-block-end: var(--space-medium);
       inset-inline-end: var(--space-large);
+      background: var(--button-background-color-ghost);
     }
   }
 
diff --git a/browser/extensions/newtab/css/activity-stream.css b/browser/extensions/newtab/css/activity-stream.css
@@ -7618,12 +7618,13 @@ dialog::after {
 .ds-card-grid .refined-cards .card-stp-button-hover-background {
   height: 100%;
   padding-block-start: 0;
-  background: var(--button-background-color-ghost);
+  background: transparent;
 }
 .ds-card-grid .refined-cards .card-stp-button-hover-background .card-stp-button-position-wrapper {
   inset-block-start: unset;
   inset-block-end: var(--space-medium);
   inset-inline-end: var(--space-large);
+  background: var(--button-background-color-ghost);
 }
 .ds-card-grid .refined-cards .context-menu-button {
   background-color: var(--button-background-color-ghost);