Patternfly-react: PF4 Table: empty state does not scale on smaller screens

Created on 17 Feb 2020  路  4Comments  路  Source: patternfly/patternfly-react

Describe the issue. What is the expected and unexpected behavior?

The empty state does not scale on smaller screens in tables.

Current

image

Expected

image

Please provide the steps to reproduce. Feel free to link CodeSandbox or another tool.

  1. Go to https://patternfly-react.surge.sh/documentation/react/components/table/empty-state
  2. Shrink your window

Is this a bug or enhancement? If this issue is a bug, is this issue blocking you or is there a work-around?

Bug. Probably the styles could be overridden but that would be crazy.

What is your product and what release version are you targeting?

Sources UI ASAP. https://github.com/rvsia/sources-ui

Most helpful comment

Hi @rvsia and @Hyperkid123 thanks for opening this issue! We have seen this issue and will be back soon with a response.

All 4 comments

Yup the empty state is very strange on mobile screens.

screenshot-ci cloud redhat com-2020 02 17-13_07_00

Hi @rvsia and @Hyperkid123 thanks for opening this issue! We have seen this issue and will be back soon with a response.

@mcoker Can you please take a look at this one.

@tlabaj the <td> should not have a data-label since that cell doesn't need a column name. Can you remove that?

Was this page helpful?
0 / 5 - 0 ratings