search

carbon-design-system / ibm-products

A Carbon-powered React component library for IBM Products
https://ibm-products.carbondesignsystem.com
Apache License 2.0
97 stars 138 forks source link

Action button truncated in the Header component for SM dimensions #1508

Open aplachka opened 2 years ago

aplachka commented 2 years ago

What package(s) are you using?

Detailed description

Describe in detail the issue you're having. The actions button got overlapped with a white element:

image

Is this issue related to a specific component? PageHeader What did you expect to happen? What happened instead? What would you like to see changed? The actions button should render without glitch/overlap What browser are you working in? MS Edge What version of the @carbon/ibm-products (or @carbon/ibm-cloud-cognitive) package are you using? 1.2.2 What offering/product do you work on? Any pressing ship or release dates we should be aware of?

Steps to reproduce the issue

https://carbon-for-ibm-products.netlify.app/?path=/story/carbon-for-ibm-products-components-page-header-pageheader--with-tags when viewed from SM viewport

lee-chase commented 2 years ago

There are narrower sizes that struggle to render the PageActions and provide a fixed space for the title. The simplest option would be to move page actions into the action bar, but we have to account for the PageActions being user defined.

stale[bot] commented 1 year ago

Is this still relevant? If so, what is blocking it? Is there anything you can do to help move it forward?

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.