tor-browser

commit f0bab2299973ea906e5580aa4d430d989078a9c5
parent d2c66790e1eb1254120756f33b7e0af3ed0769a8
Author: Sarah Chung <sachung@mozilla.com>
Date:   Fri, 31 Oct 2025 15:56:30 +0000

Bug 1997063 - Multiple fixes to password rules tooltip for backup optin spotlight r=omc-reviewers,emcminn

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

Diffstat:
M
browser/components/asrouter/modules/OnboardingMessageProvider.sys.mjs
 | 
4
++--
M
browser/components/backup/content/password-rules-tooltip.css
 | 
23
+++++++++++++----------

2 files changed, 15 insertions(+), 12 deletions(-)
diff --git a/browser/components/asrouter/modules/OnboardingMessageProvider.sys.mjs b/browser/components/asrouter/modules/OnboardingMessageProvider.sys.mjs
@@ -634,8 +634,8 @@ const BASE_MESSAGES = () => [
               fontSize: "13px",
             },
             screen_style: {
-              width: "664px",
-              height: "620px",
+              width: "764px",
+              height: "650px",
             },
             logo: {
               imageURL:
diff --git a/browser/components/backup/content/password-rules-tooltip.css b/browser/components/backup/content/password-rules-tooltip.css
@@ -3,7 +3,7 @@
  * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
 
 #password-rules-wrapper {
-  margin: 0;
+  margin: 0 -140px;
   position: absolute;
   padding: var(--space-large) var(--space-xlarge);
   background-color: var(--background-color-box);
@@ -16,30 +16,33 @@
     margin: 0;
     padding: 0;
     text-align: left;
-    list-style-position: inside;
   }
 
   li {
-    padding-left: 6px;
+    padding-left: 20px;
+    list-style: none;
+    background-image: url(chrome://global/skin/icons/check.svg);
+    background-repeat: no-repeat;
+    background-position: left center;
+    background-size: 14px;
 
     &:last-child {
       margin-block-start: 0.5rem;
       margin-block-end: 0.5rem;
     }
+
+    span {
+      position: relative;
+      top: -1px;
+    }
   }
 
   .warning {
     -moz-context-properties: fill, stroke;
-    list-style-image: url(chrome://global/skin/icons/warning.svg);
-    padding: 0;
     color: var(--icon-color-critical);
     fill: var(--icon-color-critical);
     stroke: var(--icon-color-critical);
-
-    span {
-      position: relative;
-      top: -3px;
-    }
+    background-image: url(chrome://global/skin/icons/warning.svg);
   }
 
   /* Arrow */