commit 27b3423ac51917e20cef9beab1d17fa2f9bd9fe8 parent 61307126296ffda19dd40edd0f1eb74723a30ed4 Author: hannajones <hjones@mozilla.com> Date: Wed, 17 Dec 2025 12:18:00 +0000 Bug 1971835 - Part 2: update placeholder-message appearance r=akulyk Differential Revision: https://phabricator.services.mozilla.com/D275102 Diffstat:
2 files changed, 12 insertions(+), 11 deletions(-)
diff --git a/browser/components/preferences/widgets/placeholder-message/placeholder-message.css b/browser/components/preferences/widgets/placeholder-message/placeholder-message.css @@ -3,27 +3,28 @@ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ moz-box-item { - --box-padding: var(--space-xxlarge); -} - -.placeholder-container { - gap: var(--space-large); + --box-padding: var(--space-large); } .placeholder-container, .text-container { display: flex; - flex-direction: column; +} + +.placeholder-container { + gap: var(--space-large); align-items: center; } .text-container { gap: var(--space-xsmall); - text-align: center; + text-align: start; + flex-direction: column; + justify-content: center; } img { - max-width: 160px; + max-width: 100px; } .label:has(+ .support-link), diff --git a/browser/components/preferences/widgets/placeholder-message/placeholder-message.stories.mjs b/browser/components/preferences/widgets/placeholder-message/placeholder-message.stories.mjs @@ -21,10 +21,10 @@ export default { status: "in-development", fluent: ` placeholder-message-label = - .label = You are not signed in + .label = You’re not signed in placeholder-message-label-description = - .label = You are not signed in - .description = With a Mozilla account, you can sync your bookmarks, history, tabs, passwords, add-ons, and settings across all your devices. + .label = You’re not signed in + .description = Sign in to keep your data private, encrypted, and instantly accessible everywhere you use Firefox. `, }, };