tor-browser

commit 9d9df7981afe3469934906e60bae7d6836dbaf84
parent 63275687e99f6b31ebb0fe64a713f17e8a98a62f
Author: Dale Harvey <dale@arandomurl.com>
Date:   Tue, 21 Oct 2025 21:58:01 +0000

Bug 1981577 - Fix background hover style on trustpanel moz-buttons. r=desktop-theme-reviewers,mstriemer

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

Diffstat:
M
browser/themes/shared/controlcenter/panel.css
 | 
18
++++++++++++------

1 file changed, 12 insertions(+), 6 deletions(-)
diff --git a/browser/themes/shared/controlcenter/panel.css b/browser/themes/shared/controlcenter/panel.css
@@ -971,15 +971,21 @@
 #trustpanel-blockerView moz-button {
   --button-font-weight: normal;
   --button-alignment: inline-start;
+  --button-border-radius: var(--border-radius-small);
+  --focus-outline-offset: -2px;
   margin: var(--space-small);
   width: -moz-available;
-  -moz-context-properties: fill;
-  background-image: url(chrome://global/skin/icons/arrow-right.svg);
-  background-repeat: no-repeat;
-  background-position: right center;
 
-  &:-moz-locale-dir(rtl) {
+  &::part(button) {
+    -moz-context-properties: fill;
+    background-image: url(chrome://global/skin/icons/arrow-right.svg);
+    background-repeat: no-repeat;
+    background-position: right var(--space-large) center;
+    padding-inline-end: calc(var(--space-small) + var(--icon-size) + var(--space-large));
+  }
+
+  &:-moz-locale-dir(rtl)::part(button) {
     background-image: url(chrome://global/skin/icons/arrow-left.svg);
-    background-position-x: left;
+    background-position-x: left var(--space-large);
   }
 }