tor-browser

commit 53e6a02102397e67564b9323483caae68c0d7754
parent 06b58386687a67418f77dd7c961a5b879436c7f2
Author: Irene Ni <ini@mozilla.com>
Date:   Tue, 21 Oct 2025 20:03:01 +0000

Bug 1991693 - Fix images from New Tab Story Cards disappear on hover with the Refined Cards Layout option disabled on High Contrast Mode. r=home-newtab-reviewers,thecount

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

Diffstat:
M
browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/CardSections/_CardSections.scss
 | 
7
++++++-
M
browser/extensions/newtab/css/activity-stream.css
 | 
12
++++++++++++

2 files changed, 18 insertions(+), 1 deletion(-)
diff --git a/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/CardSections/_CardSections.scss b/browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/CardSections/_CardSections.scss
@@ -234,7 +234,8 @@
     }
 
     .card-stp-button-hover-background {
-      background: transparent; }
+      background: transparent;
+    }
 
     &:hover,
     &:active,
@@ -253,6 +254,10 @@
     inset-inline-end: var(--space-small);
   }
 
+  .card-stp-button-hover-background {
+    background: transparent;
+  }
+
   .card-stp-thumbs-buttons-wrapper {
     display: block;
   }
diff --git a/browser/extensions/newtab/css/activity-stream.css b/browser/extensions/newtab/css/activity-stream.css
@@ -5481,6 +5481,9 @@ dialog::after {
   .ds-section-grid.ds-card-grid .col-1-medium .card-stp-button-position-wrapper {
     inset-inline-end: var(--space-small);
   }
+  .ds-section-grid.ds-card-grid .col-1-medium .card-stp-button-hover-background {
+    background: transparent;
+  }
   .ds-section-grid.ds-card-grid .col-1-medium .card-stp-thumbs-buttons-wrapper {
     display: block;
   }
@@ -5846,6 +5849,9 @@ dialog::after {
   .ds-section-grid.ds-card-grid .col-2-medium .card-stp-button-position-wrapper {
     inset-inline-end: var(--space-small);
   }
+  .ds-section-grid.ds-card-grid .col-2-medium .card-stp-button-hover-background {
+    background: transparent;
+  }
   .ds-section-grid.ds-card-grid .col-2-medium .card-stp-thumbs-buttons-wrapper {
     display: block;
   }
@@ -6220,6 +6226,9 @@ dialog::after {
   .ds-section-grid.ds-card-grid .col-3-medium .card-stp-button-position-wrapper {
     inset-inline-end: var(--space-small);
   }
+  .ds-section-grid.ds-card-grid .col-3-medium .card-stp-button-hover-background {
+    background: transparent;
+  }
   .ds-section-grid.ds-card-grid .col-3-medium .card-stp-thumbs-buttons-wrapper {
     display: block;
   }
@@ -6593,6 +6602,9 @@ dialog::after {
   .ds-section-grid.ds-card-grid .col-4-medium .card-stp-button-position-wrapper {
     inset-inline-end: var(--space-small);
   }
+  .ds-section-grid.ds-card-grid .col-4-medium .card-stp-button-hover-background {
+    background: transparent;
+  }
   .ds-section-grid.ds-card-grid .col-4-medium .card-stp-thumbs-buttons-wrapper {
     display: block;
   }