From 89e2314d104856aba53b2a181e08ededbda9bb0f Mon Sep 17 00:00:00 2001 From: Tetsuaki Hamano Date: Sat, 13 Apr 2024 14:08:00 +0900 Subject: [PATCH] Add calculated top padding to loading wrapper element --- .../components/global-styles/font-library-modal/style.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/edit-site/src/components/global-styles/font-library-modal/style.scss b/packages/edit-site/src/components/global-styles/font-library-modal/style.scss index c62a162e2e4951..201d4d87a3fb16 100644 --- a/packages/edit-site/src/components/global-styles/font-library-modal/style.scss +++ b/packages/edit-site/src/components/global-styles/font-library-modal/style.scss @@ -45,7 +45,9 @@ $footer-height: 70px; top: 0; align-items: center; justify-content: center; - padding-top: $header-height; + // Push down so that the progress bar is centered vertically. + // It should be 120px (72px modal header height + 48px tab height) + padding-top: $header-height + $grid-unit-15 + $grid-unit-60; } .font-library-modal__tabpanel-layout__footer {