Bug 1942323 - Add carat icon to Content Tile headers and ensure proper border-radius on headers above non-toggleable tiles r=omc-reviewers,negin

Differential Revision: https://phabricator.services.mozilla.com/D234731
This commit is contained in:
Meg Viar
2025-01-21 18:43:09 +00:00
parent 912d16b7a1
commit 645b9b4605
5 changed files with 157 additions and 103 deletions

View File

@@ -84,17 +84,21 @@ const MESSAGES = () => [
{
id: "SCREEN_1",
content: {
spotlight_style: {
screen_style: {
display: "block",
padding: "20px 0 0 0",
width: "616px",
width: "560px",
},
logo: {
height: "40px",
width: "40",
},
logo: {},
title: {
raw: "Content tiles test",
},
subtitle: {
raw: "Review the content below before continuing.",
fontSize: "15px",
},
tiles: [
{
@@ -115,7 +119,6 @@ const MESSAGES = () => [
type: "embedded_browser",
header: {
title: "Test Title 2",
subtitle: "Read more",
},
data: {
style: {
@@ -127,10 +130,6 @@ const MESSAGES = () => [
},
{
type: "multiselect",
header: {
title: "Test Title 3",
subtitle: "Manage options",
},
data: [
{
id: "checkbox-test-1",
@@ -139,6 +138,9 @@ const MESSAGES = () => [
label: {
raw: "Test option 1",
},
description: {
raw: "This is description text explaining text option 1.",
},
action: {
type: "SET_PREF",
data: {
@@ -156,6 +158,9 @@ const MESSAGES = () => [
label: {
raw: "Test option 2",
},
description: {
raw: "This is description text explaining text option 2.",
},
action: {
type: "SET_PREF",
data: {
@@ -173,7 +178,7 @@ const MESSAGES = () => [
primary_button: {
label: {
raw: "Continue",
marginBlock: "28px 0",
marginBlock: "30px 0",
},
action: {
type: "MULTI_ACTION",