Make WordPress Core

Opened 4 weeks ago

Last modified 3 weeks ago

#65246 new defect (bug)

Add Data Export Request: Confirmation email checkbox is not properly aligned

Reported by: soyebsalar01's profile soyebsalar01 Owned by:
Milestone: 7.1 Priority: normal
Severity: normal Version:
Component: General Keywords: has-patch
Focuses: ui, css Cc:

Description

The checkbox on the "Add Data Export Request" page is not
properly vertically aligned with the "Send personal data
export confirmation email." label text.

Steps To Reproduce

  1. Go to Tools > Export Personal Data.
  2. Observe the "Confirmation email" field.
  3. Check the alignment of the checkbox with the label text.

Refer Bolow Image :

https://postimg.cc/xkmS4pz9

Change History (5)

#1 @soyebsalar01
4 weeks ago

  • Version set to trunk

This ticket was mentioned in PR #11840 on WordPress/wordpress-develop by @suryakantupadhyay.


4 weeks ago
#2

  • Keywords has-patch added; needs-patch removed

## Summary

Adds missing checkbox alignment styling for the personal data export / erase request form.

The RTL stylesheet already contains this rule, but it was missing from the standard forms stylesheet, causing the confirmation email checkbox to appear vertically misaligned on the "Export Personal Data" and "Erase Personal Data" screens.

Trac ticket: https://core.trac.wordpress.org/ticket/65246

## Use of AI Tools

AI assistance: Yes
Tool(s): ChatGPT
Model(s): GPT-5
Used for: Verifying existing RTL stylesheet rules and contribution workflow guidance.

This ticket was mentioned in PR #11841 on WordPress/wordpress-develop by @deepakprajapati.


4 weeks ago
#3

## What?

Fixes the alignment of the confirmation email checkbox on the Add Data Export Request form.

## Why?

The privacy request form was resetting margins for all inputs in src/wp-admin/css/forms.css around line 1578:

.wp-privacy-request-form input {
        margin: 0;
}

This overrode the default checkbox/radio margin declared in the same file around line 126:

input[type="checkbox"],
input[type="radio"] {
        margin: -0.25rem 0.25rem 0 0;
}

As a result, the checkbox in src/wp-admin/export-personal-data.php around line 130 appeared vertically misaligned with its label.

## How?

Narrows the privacy request form selector so checkbox and radio inputs keep the default admin form control spacing, while other inputs continue to have their margins reset.

## Screenshots

Before After
https://github.com/user-attachments/assets/f341e119-f00c-43c7-a5ae-10725ad35419 https://github.com/user-attachments/assets/06dd9698-7663-4eb4-9ab4-717b435ddfbe

## Testing Instructions

  1. Go to Tools > Export Personal Data.
  2. Check the Confirmation email field.
  3. Confirm the checkbox is vertically aligned with the “Send personal data export confirmation email.” label.
  4. Go to Tools > Erase Personal Data.
  5. Confirm the same checkbox alignment still looks correct there.

## Trac

https://core.trac.wordpress.org/ticket/65246

## Use of AI Tools

AI assistance: Yes
Tool(s): Codex
Model(s): GPT-5
Used for: Testing guidance, CSS fix suggestion. Final changes were reviewed and edited by me.

#4 @audrasjb
3 weeks ago

Removing trunk version as this is not going to be shipped with WP 7.0 but in the next releases.

#5 @audrasjb
3 weeks ago

  • Milestone changed from Awaiting Review to 7.1
  • Version trunk deleted
Note: See TracTickets for help on using tickets.