Skip to content
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

feat(content-explorer): migrate subheader to pageheader #3903

Merged
merged 4 commits into from
Feb 7, 2025

Conversation

tjiang-box
Copy link
Contributor

@tjiang-box tjiang-box commented Feb 6, 2025

List View including dropdown
Screenshot 2025-02-07 at 12 32 13 PM
Screenshot 2025-02-07 at 12 32 54 PM

Grid View
Screenshot 2025-02-06 at 11 47 44 AM
Screenshot 2025-02-06 at 11 48 15 AM

@tjiang-box tjiang-box requested review from a team as code owners February 6, 2025 17:33
@tjiang-box tjiang-box force-pushed the replace-breadcrumb branch 2 times, most recently from 935c8aa to 17b872f Compare February 6, 2025 21:00
src/components/grid-view/GridViewSlider.js Outdated Show resolved Hide resolved
aria-label={formatMessage(messages.gridViewIncreaseColumnSize)}
>
<IconPlusThin color={bdlGray50} width={14} height={14} />
</PlainButton>
</div>
)
);
};

export { GridViewSlider as GridViewSliderBase };
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

do we need this still?

display: flex;
align-items: center;
justify-content: center;
width: 112px;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

is there a reason why its set to exactly 112px?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yeah it is to match what we have in the figma design and the one in webapp

<IconChevron className="be-breadcrumb-seperator" color={COLOR_999} direction="right" size="7px" />
<PointerChevronRight
className="be-breadcrumb-seperator"
color={COLOR_999}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

are we able to replace COLOR_999 with a blueprint token?

@@ -108,4 +111,4 @@ const Breadcrumbs = ({ rootId, crumbs, onCrumbClick, delimiter, isSmall = false,
};

export { Breadcrumbs as BreadcrumbsBase };
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

do we need still ?

const BreadcrumbDropdown = ({ crumbs, onCrumbClick }: Props) => (
<DropdownMenu.Root>
<DropdownMenu.Trigger>
<IconButton icon={Ellipsis} />
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

do we need an aria label here?

@greg-in-a-box greg-in-a-box merged commit dabaae2 into box:master Feb 7, 2025
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants