Export and Erase Personal Data tables misaligned under 782px

[ianbelanger]

On both the Export Personal Data and Erase Personal Data pages the th and td are not the same height under 782px and the right border of the checkbox gets cutoff.

[ianbelanger]

emails removed purposely

[subrataemfluence]

@ianbelanger My screen is showing a different view. Looks to me you have erased the email addresses before uploading the screenshot.

For me I can see the email address above Download Personal Data link, which is available when I expand the section by clicking the pull down arrow next to it. When the arrow is in down position, the link is only visible if the arrow still has the focus on it, i.e. the blue circle is visible around it. In your screenshot, the arrow does not have the focus but it is still showing Download Personal Data link, of course without the email address visible.

On full screen view (desktop), the link is visible only when I mouseover he row and that is also below the email address. This is not visible by default.

To my understanding, even in smaller views the link Download Personal Data is appearing at the right place, i.e. below email address. However, the checkboxes are not showing properly. The right side border is disappeared.

Can you please tell me the steps to reproduce the exact view of yours?

[ianbelanger]

@subrataemfluence I did erase the emails from the image, just to hide them. I am mainly talking about the checkboxes missing the right border and the th and td bottom borders are misaligned when the td is in the closed position.

[desrosj]

44026.diff​ should fix this issue. I noticed one more small thing we could fix though. If you look at the second row in erasure-screen.png​, confirmed erasures do not have any links in the actions row.

[desrosj]

Also, to clarify why this is happening, this is being caused by:

• The addition of left borders for each row to make them look more like notices.
• The background-color overrides in the privacy WP_Post_List tables to help differentiate the status of each request.

[azaozz]

In 43251:

Privacy: fix Export and Erase Personal Data list-tables on small screens.

Props ianbelanger, subrataemfluence, desrosj.
Fixes #44026.

[azaozz]

Reopen for 4.9.6.

[SergeyBiryukov]

In 43271:

Privacy: fix Export and Erase Personal Data list-tables on small screens.

Props ianbelanger, subrataemfluence, desrosj.
Merges [43251] to the 4.9 branch.
Fixes #44026.

[desrosj]

Moving to the new Privacy component.