-
Notifications
You must be signed in to change notification settings - Fork 2
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Sc 23124 #829
Sc 23124 #829
Conversation
This pull request has been linked to Shortcut Story #23124: Sandbox layout. |
@@ -28,6 +29,9 @@ function AppLayout({ children, Breadcrumbs }: PageProps) { | |||
return ( | |||
<> | |||
<Topbar Breadcrumbs={Breadcrumbs} isOnboarded={isOnboarded} profileData={loaderData} /> | |||
{/* TODO: Display SandboxBanner only to user's with the sandbox account type. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
A condition will be added in a future story to display this component to the correct user.
@@ -10,8 +10,9 @@ import { TbPlayFootball } from 'react-icons/tb'; | |||
import { EXTERNAL_LINKS, PATH_DASHBOARD } from '@/application'; | |||
import { MenuItem } from '@/types/MenuItem'; | |||
|
|||
export const SIDEBAR_WIDTH = 250; | |||
export const TOPBAR_HEIGHT = 60; | |||
/* TODO: Verify if styles are used and remove if not. */ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
After setting these styles to 0
, I didn't notice any issues while checking the site. I was experiencing some issues with hot reload being slow during development, so I plan to create a story to check again to be sure. After that, I'll know for sure if these styles can be removed. I decided to keep the variables here to make it easier to find in case I do need to set the styles again.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice, the banner looks great and I'm glad you're testing how it looks while resizing etc.
Scope of changes
SandboxLayout
that will be displayed to users with thesandbox
account type.Alert
fromTopbar
toSandboxAlert
component and update background and text colors.absolute position
styling fromTopbar
component to prevent additional whitespace from appearing in UI.Fixes SC-23124 & SC-23121
Notes:
The
SandboxLayout
will not display if this PR is run locally. The layout was made visible during development, but has been commented out until a condition is added in a future story to display it to the correct user type.A Figma design has not been created for the
Sandbox
feature.Type of change
Acceptance criteria
https://www.awesomescreenshot.com/video/24060202?key=be099e8d43e373bf95b8d411646d9c42
Definition of Done
Reviewer(s) checklist