diff --git a/browser/components/newtab/aboutwelcome/content/aboutwelcome.css b/browser/components/newtab/aboutwelcome/content/aboutwelcome.css index 8ea8f65bb54294b0215b69d2ad6cdea603f68074..f0c306f31feb4246a78536772a6ec77417d59553 100644 --- a/browser/components/newtab/aboutwelcome/content/aboutwelcome.css +++ b/browser/components/newtab/aboutwelcome/content/aboutwelcome.css @@ -375,19 +375,6 @@ html { margin: auto; min-height: 550px; } -.onboardingContainer .screen[pos=split]::before { - content: ""; - position: absolute; - box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2); - width: 800px; - height: 550px; - border-radius: 8px; - top: 0; - left: 0; - right: 0; - bottom: 0; - margin: auto; -} .onboardingContainer .screen[pos=split] .section-secondary, .onboardingContainer .screen[pos=split] .section-main { width: 400px; @@ -540,6 +527,7 @@ html { .onboardingContainer .screen[pos=split] .section-secondary { --mr-secondary-position: center center / auto 350px; border-radius: 8px 0 0 8px; + box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2); margin: auto 0 auto auto; display: flex; align-items: center; @@ -615,9 +603,6 @@ html { flex-direction: column; min-height: 550px; } - .onboardingContainer .screen[pos=split]::before { - width: 400px; - } .onboardingContainer .screen[pos=split] .section-secondary, .onboardingContainer .screen[pos=split] .section-main { width: 400px; diff --git a/browser/components/newtab/content-src/aboutwelcome/aboutwelcome.scss b/browser/components/newtab/content-src/aboutwelcome/aboutwelcome.scss index 95e656c8775e952f86022f6271d2303934fe3d7e..8a63fdeb3713322091f24780f2f096650c28fb9e 100644 --- a/browser/components/newtab/content-src/aboutwelcome/aboutwelcome.scss +++ b/browser/components/newtab/content-src/aboutwelcome/aboutwelcome.scss @@ -267,20 +267,6 @@ html { margin: auto; min-height: $split-screen-height; - &::before { - content: ""; - position: absolute; - box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2); - width: $split-section-width + $split-section-width; - height: $split-screen-height; - border-radius: 8px; - top: 0; - left: 0; - right: 0; - bottom: 0; - margin: auto; - } - .section-secondary, .section-main { width: $split-section-width; @@ -473,6 +459,7 @@ html { .section-secondary { --mr-secondary-position: center center / auto 350px; border-radius: 8px 0 0 8px; + box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2); margin: auto 0 auto auto; display: flex; align-items: center; @@ -559,10 +546,6 @@ html { @media only screen and (max-width: 800px) { flex-direction: column; min-height: $small-main-section-height + $small-secondary-section-height; - - &::before { - width: $split-section-width; - } .section-secondary, .section-main {