Skip to content

Commit b5fec75

Browse files
🐛 Fixed settings page not scrollable on mobile (#26477)
closes https://linear.app/ghost/issue/BER-3350/ closes #26473 - Fixed the settings page not being scrollable at mobile sizes (below 860px) when the sidebar is hidden - The page wrapper only applied `fixed` positioning and `h-full` at the `tablet` breakpoint, so on smaller screens the content area had no height constraint and `overflow-y-scroll` had no effect - Applied `fixed left-0 top-0 flex h-full` at all sizes so the content scroller works on mobile too
1 parent 2246435 commit b5fec75

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

apps/admin-x-settings/src/main-content.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ const Page: React.FC<{children: ReactNode}> = ({children}) => {
1414
<div className='fixed right-0 top-2 z-50 flex justify-end bg-transparent p-8 tablet:fixed tablet:top-0 tablet:px-8' id="done-button-container">
1515
<ExitSettingsButton />
1616
</div>
17-
<div className="w-full tablet:fixed tablet:left-0 tablet:top-0 tablet:flex tablet:h-full dark:bg-grey-975" id="admin-x-settings-content">
17+
<div className="fixed left-0 top-0 flex h-full w-full dark:bg-grey-975" id="admin-x-settings-content">
1818
{children}
1919
</div>
2020
</>;

0 commit comments

Comments
 (0)