[wp-trac] [WordPress Trac] #61542: Reading Settings static front page dropdown field alignment issue

[WordPress Trac]

#61542: Reading Settings static front page dropdown field alignment issue
-------------------------+---------------------------------
 Reporter:  fahem        |       Owner:  (none)
     Type:  enhancement  |      Status:  new
 Priority:  normal       |   Milestone:  Awaiting Review
Component:  General      |     Version:
 Severity:  normal       |  Resolution:
 Keywords:  has-patch    |     Focuses:  ui, administration
-------------------------+---------------------------------
Changes (by sabernhardt):

 * focuses:  ui => ui, administration


Comment:

 The left margin value of `18px` comes from [6588], assigned to front page
 settings in [13971].

 ==== Adjusting for Reading Settings page and/or Export

 The relevant part of [https://github.com/WordPress/wordpress-
 develop/pull/6946/commits/39a5e4a9c2c82e9156a80628a92dfefb39fe63f1#diff-
 505e6debb59a0f78ae0619447931305a92074fe2ebd8e85811ac989278353dd1L1312-R1355
 PR 6946] proposes to increase only the Reading Settings fields' margin
 from 18 to 24 pixels.

 1. If the margin is only adjusted for the Reading Settings page, `#front-
 page-warning` would need the same as `#front-static-pages ul`. The warning
 appears when selecting the same page for both front and post pages (and
 saving changes).
 2. Also consider making the same adjustment(s) to `ul.export-filters`.
 Those filter option fields appear in Tools > Export when selecting Posts,
 Pages or Media.
 3. To align with the text above, the margin would be about 24px for large
 screens and about 33px for the `(max-width: 782px)` media query. These
 fields do not have a different margin for smaller screens yet.

 ==== Adjusting for settings and export pages plus nested categories

 [attachment:"61542.diff"] suggests editing the margin value from 18 to 25
 pixels for multiple places in the same ruleset.
 - Reading Settings page options and warning
 - Export filters
 - Nested categories in Quick Edit and Bulk Edit (`.inline-editor ul.cat-
 checklist ul`)
 - Nested categories in the Classic Editor post meta box and/or the Menus
 page (at least `.categorydiv ul.categorychecklist ul` is in both places)

 For the category lists:
 1. Nested categories do not line up with the text for parent categories in
 the block editor either, where the margin is 16px.
 2. The Quick/Bulk Edit checkboxes have an extra margin, so it would be
 more difficult to make them align perfectly.
 3. If the Classic Editor post meta box margins are updated, `#sticky-span`
 probably would need the same margin for the "Stick this post to the front
 page" option under "Public" in the Publish meta box.
 4. The patch on #31354 is not committed yet, but it might indent the
 Discussion Settings options with the same ruleset.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/61542#comment:2>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform