From 4453bb83fcf52931ed417ae88107776c3328fb4a Mon Sep 17 00:00:00 2001 From: brave-builds Date: Mon, 25 Jan 2021 19:24:17 +0000 Subject: [PATCH] Uplift of #7614 (squashed) to beta --- .../components/default/page/index.tsx | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/components/brave_new_tab_ui/components/default/page/index.tsx b/components/brave_new_tab_ui/components/default/page/index.tsx index 81e0222d4489..18110eaedded 100644 --- a/components/brave_new_tab_ui/components/default/page/index.tsx +++ b/components/brave_new_tab_ui/components/default/page/index.tsx @@ -54,6 +54,7 @@ const StyledPage = styled('div')` --ntp-extra-footer-rows: ${p => p.showBrandedWallpaper ? 1 : 0}; --ntp-space-rows: 0; --ntp-page-rows: calc(var(--ntp-item-row-count) + var(--ntp-space-rows)); + --ntp-page-padding: 12px; --ntp-item-justify: start; --blur-amount: calc(var(--ntp-extra-content-effect-multiplier, 0) * 38px); @media screen and (max-width: ${breakpointLargeBlocks}) { @@ -72,7 +73,7 @@ const StyledPage = styled('div')` grid-template-rows: repeat(calc(var(--ntp-page-rows) - 1), min-content) auto; grid-template-columns: min-content auto min-content; grid-auto-flow: row dense; - padding: 12px; + padding: var(--ntp-page-padding); overflow: hidden; flex: 1; flex-direction: column; @@ -215,6 +216,17 @@ export const GridItemBrandedLogo = styled(GridItemCredits)` --ntp-grid-item-credits-left-margin-narrow: 0; --ntp-grid-item-credits-bottom-margin-wide: -8px; --ntp-grid-item-credits-left-margin-wide: 22px; + + @media screen and (min-width: ${breakpointEveryBlock}) { + position: fixed; + bottom: var(--ntp-page-padding); + left: var(--ntp-page-padding); + .${CLASSNAME_PAGE_STUCK} & { + // When page is also position: fixed, then we are relative to that + bottom: 0; + left: 0; + } + } ` export const GridItemNavigation = styled('section')`