-
Notifications
You must be signed in to change notification settings - Fork 313
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
Conversation
935c8aa
to
17b872f
Compare
aria-label={formatMessage(messages.gridViewIncreaseColumnSize)} | ||
> | ||
<IconPlusThin color={bdlGray50} width={14} height={14} /> | ||
</PlainButton> | ||
</div> | ||
) | ||
); | ||
}; | ||
|
||
export { GridViewSlider as GridViewSliderBase }; |
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.
do we need this still?
display: flex; | ||
align-items: center; | ||
justify-content: center; | ||
width: 112px; |
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.
is there a reason why its set to exactly 112px?
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.
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} |
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.
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 }; |
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.
do we need still ?
const BreadcrumbDropdown = ({ crumbs, onCrumbClick }: Props) => ( | ||
<DropdownMenu.Root> | ||
<DropdownMenu.Trigger> | ||
<IconButton icon={Ellipsis} /> |
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.
do we need an aria label here?
17b872f
to
35abcab
Compare
List View including dropdown
![Screenshot 2025-02-07 at 12 32 13 PM](https://private-user-images.githubusercontent.com/169681117/411041658-47c9b0b4-61a2-437c-bfb1-1eb545a1421f.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxOTQzNzMsIm5iZiI6MTczOTE5NDA3MywicGF0aCI6Ii8xNjk2ODExMTcvNDExMDQxNjU4LTQ3YzliMGI0LTYxYTItNDM3Yy1iZmIxLTFlYjU0NWExNDIxZi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMFQxMzI3NTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mZWRmOTg4NTE3MTAyYzQxMjY0YzU3OTFhNjNiMGEzMTJkY2Y5Nzk0M2UxNGE0MDdmYmZhMGJiYzhlMWRjNTg0JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.8JCGAT_JZGTDYLqf8QbwHmcoxQzl9pYnrl1inlEYXQA)
![Screenshot 2025-02-07 at 12 32 54 PM](https://private-user-images.githubusercontent.com/169681117/411041813-b6b1637c-335d-405b-aebe-0ed158869edc.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxOTQzNzMsIm5iZiI6MTczOTE5NDA3MywicGF0aCI6Ii8xNjk2ODExMTcvNDExMDQxODEzLWI2YjE2MzdjLTMzNWQtNDA1Yi1hZWJlLTBlZDE1ODg2OWVkYy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMFQxMzI3NTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mYWM5ZmNiOWM0MjUwY2I5YjZmNjU5NzZlYjVjNDYyNzk1MTc3ZmMwNzI1YmNiZmMyYTI3MmYwZDUzYjRlM2RlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.GRWnoLk2YB0pO9pdu2Wz6P34fJNlfX8Yi2KEDrAtKzU)
Grid View
![Screenshot 2025-02-06 at 11 47 44 AM](https://private-user-images.githubusercontent.com/169681117/410577274-6c9b509c-5b75-4768-9843-b313e1f0919c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxOTQzNzMsIm5iZiI6MTczOTE5NDA3MywicGF0aCI6Ii8xNjk2ODExMTcvNDEwNTc3Mjc0LTZjOWI1MDljLTViNzUtNDc2OC05ODQzLWIzMTNlMWYwOTE5Yy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMFQxMzI3NTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yYmE1Y2UwODBkNDBhZWNjMjE0MjdkZTVmNzE0NGZmNmVhM2ZiNjM4NTYwZTE3YWIzOTIzMDFiNDg3MjQ4MjAwJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.Ef2F3y5xuOowVPhys45HRJHj_KGp0e9a2ht5DAucai4)
![Screenshot 2025-02-06 at 11 48 15 AM](https://private-user-images.githubusercontent.com/169681117/410577450-8dcf76ad-5b32-48e8-a678-16746be49daa.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxOTQzNzMsIm5iZiI6MTczOTE5NDA3MywicGF0aCI6Ii8xNjk2ODExMTcvNDEwNTc3NDUwLThkY2Y3NmFkLTViMzItNDhlOC1hNjc4LTE2NzQ2YmU0OWRhYS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxMFQxMzI3NTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1mYmMzNjA1ODkwOTUzZjQ5OTVmN2E5ZDhlMTAwMWU2MmU3OTA3OGYyYmM5YjBlMjczN2M3ZmQzYjE3ZjVlOGU3JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.WyMzPNdDJRlf2BRFGTVwza7UnmRUYeoDW5k1pCGXRbo)