Magic-Mirror/gecko-dev
1
0
Fork 0
mirror of https://github.com/mozilla/gecko-dev.git synced 2024-10-08 02:14:43 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Bug 1851267 - [Survey] Update Shopping Survey Styles to match final designs r=omc-reviewers,emcminn

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D188034
This commit is contained in:
negin 2023-09-14 14:04:29 +00:00
parent 6759c84685
commit 6ff242eff5
3 changed files with 73 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
browser/components/newtab/aboutwelcome/AboutWelcomeChild.jsm
View File

@ -441,6 +441,7 @@ const SHOPPING_MICROSURVEY = {
screens: [
{
id: "SHOPPING_MICROSURVEY_SCREEN_1",
above_button_steps_indicator: true,
content: {
position: "split",
layout: "survey",
@ -516,6 +517,7 @@ const SHOPPING_MICROSURVEY = {
},
{
id: "SHOPPING_MICROSURVEY_SCREEN_2",
above_button_steps_indicator: true,
content: {
position: "split",
layout: "survey",

31
browser/components/newtab/aboutwelcome/content/aboutwelcome.css
View File

@ -734,6 +734,37 @@ panel#feature-callout[arrow-position=inline-start-bottom] {
}
}
.onboardingContainer.shopping .screen[pos=split][layout=survey] .main-content {
padding: 8px 12px 24px;
}
.onboardingContainer.shopping .screen[pos=split][layout=survey] .main-content .main-content-inner {
min-height: auto;
}
.onboardingContainer.shopping .screen[pos=split][layout=survey] .main-content .main-content-inner .welcome-text {
align-items: initial;
padding: 0;
margin-top: 12px;
}
.onboardingContainer.shopping .screen[pos=split][layout=survey] .main-content .main-content-inner .welcome-text h1 {
font-size: 0.8em;
font-weight: 590;
margin: 0;
}
.onboardingContainer.shopping .screen[pos=split][layout=survey] .main-content .main-content-inner .welcome-text h2 {
margin-block: 12px 0;
}
.onboardingContainer.shopping .screen[pos=split][layout=survey] .main-content .main-content-inner .multi-select-container {
padding: 0;
margin-block: 12px;
align-items: center;
}
.onboardingContainer.shopping .screen[pos=split][layout=survey] .main-content .main-content-inner .multi-select-container label {
font-size: 0.9em;
}
.onboardingContainer.shopping .screen[pos=split][layout=survey] .main-content .main-content-inner .steps {
height: 24px;
}
html {
height: 100%;
}

40
browser/components/newtab/content-src/styles/_shopping.scss
View File

@ -104,3 +104,43 @@
}
}
}
.onboardingContainer.shopping .screen[pos='split'][layout='survey'] {
.main-content {
padding: 8px 12px 24px;
.main-content-inner {
min-height: auto;
.welcome-text {
align-items: initial;
padding: 0;
margin-top: 12px;
h1 {
font-size: 0.8em;
font-weight: 590;
margin: 0;
}
h2 {
margin-block: 12px 0;
}
}
.multi-select-container {
padding: 0;
margin-block: 12px;
align-items: center;
label {
font-size: 0.9em;
}
}
.steps {
height: 24px;
}
}
}
}