diff --git a/app/features/user-page/routes/u.$identifier.edit-widgets.module.css b/app/features/user-page/routes/u.$identifier.edit-widgets.module.css index 6d5dea18c..7e6b3111b 100644 --- a/app/features/user-page/routes/u.$identifier.edit-widgets.module.css +++ b/app/features/user-page/routes/u.$identifier.edit-widgets.module.css @@ -43,6 +43,15 @@ .grid { grid-template-columns: 1fr 1fr; } + + .selected { + position: sticky; + top: var(--layout-sticky-top); + align-self: start; + max-height: calc(100dvh - var(--layout-sticky-top) - var(--s-4)); + overflow-y: auto; + scrollbar-gutter: stable; + } } .available, diff --git a/app/features/user-page/routes/u.$identifier.tsx b/app/features/user-page/routes/u.$identifier.tsx index 72c9519d1..ff7251f42 100644 --- a/app/features/user-page/routes/u.$identifier.tsx +++ b/app/features/user-page/routes/u.$identifier.tsx @@ -73,6 +73,8 @@ export const handle: SendouRouteHandle = { }, }; +const WIDE_LAYOUT_SUB_PAGES = ["results", "edit-widgets"]; + export default function UserPageLayout() { const data = useLoaderData(); const user = useUser(); @@ -137,7 +139,11 @@ export default function UserPageLayout() { ]; return ( -
+
+ location.pathname.includes(subPage), + )} + >
); diff --git a/changelog/2026-09-05-widget-profile-for-everyone.md b/changelog/2026-09-05-widget-profile-for-everyone.md index a41ed41ca..dbd2472cc 100644 --- a/changelog/2026-09-05-widget-profile-for-everyone.md +++ b/changelog/2026-09-05-widget-profile-for-everyone.md @@ -7,6 +7,7 @@ New user profile page now out for everyone and the default - Default layout roughly equivalent to old page: weapon pool, X Rank peaks, badges, bio, teams, sensitivity and member number - Customize the widgets to build your own personal page - Edit widget page now show icons of the page they relate to on the widget editing page +- Edit widget page has new 2 column layout for desktop - Leaving the widget editor with unsaved changes will now warn you - Still Supporter exclusive: custom colors and some widgets (markdown bio, links, favorite stage, game badges, unverified peak XP and supporter since). Supporters also get more widget slots: 6 main and 7 side instead of 4 and 5. - Bios written in markdown now render formatted on the Plus Server voting page too