Make WordPress Core

Opened 3 years ago

Closed 13 days ago

#55058 closed defect (bug) (worksforme)

Inspector Typography tools: Letter-spacing is misaligned next to Appearance

Reported by: multidots1896's profile multidots1896 Owned by:
Milestone: Priority: normal
Severity: normal Version: 5.9
Component: Editor Keywords: has-screenshots
Focuses: ui, css Cc:

Description (last modified by costdev)

In WordPress 5.9 Editor Block Inspector typography settings components tool item letter-spacing and appearance select box alignment issues.

Attachments (4)

Edit Page “Sample Page” ‹ wpmetacontribution — WordPress (2).png (341.0 KB) - added by multidots1896 3 years ago.
added screenshot
55058.patch (557 bytes) - added by aezazshekh 3 years ago.
Added Patch
block-typography-appearance-plus-letter-spacing.png (18.8 KB) - added by sabernhardt 13 days ago.
Letter spacing next to Appearance
block-typography-appearance-plus-line-height.png (18.4 KB) - added by sabernhardt 13 days ago.
Line height next to Appearance

Download all attachments as: .zip

Change History (15)

#1 @multidots1896
3 years ago

  • Resolution set to reported-upstream
  • Status changed from new to closed

#2 follow-up: @costdev
3 years ago

  • Component changed from General to Editor
  • Milestone Awaiting Review deleted

Hi @multidots1896, can you please link the issue from upstream so that others can find it?

#3 in reply to: ↑ 2 @multidots1896
3 years ago

Hi @costdev
thanks for you comment
By mistake I have added incomplete description and I am unable to do edit this description.
thats why i have changes the status of ticket to upstream. and created new ticket for same issue.

#4 @costdev
3 years ago

  • Description modified (diff)
  • Milestone set to Awaiting Review
  • Summary changed from In WordPress 5.9 Editor Block Inspector typography settings component alignment issues to Inspector Typography tools: Letter-spacing is misaligned next to Appearance

@multidots1896 No problem, I'll update this ticket's description and delete the other ticket.

If you have this problem again, just post a comment in the ticket and we can make the change for you 🙂

#5 @costdev
3 years ago

  • Resolution reported-upstream deleted
  • Status changed from closed to reopened

#6 follow-up: @costdev
3 years ago

From @multidots1896:

Added css for it:

.components-flex-item .components-text.components-input-control__label {
  padding-bottom: 10px;
}

#7 @costdev
3 years ago

@multidots1896 Can you check if this issue has been reported in the Gutenberg repo and if not, open a new bug report and paste the link in here? Thanks!

#8 in reply to: ↑ 6 @multidots1896
3 years ago

thanks @costdev for help

@aezazshekh
3 years ago

Added Patch

#9 @aezazshekh
3 years ago

Hello

After adding this css style please minify this file again.

Thanks

Last edited 3 years ago by aezazshekh (previous) (diff)

#10 @aezazshekh
3 years ago

  • Keywords has-patch added

@sabernhardt
13 days ago

Letter spacing next to Appearance

@sabernhardt
13 days ago

Line height next to Appearance

#11 @sabernhardt
13 days ago

  • Keywords has-patch removed
  • Milestone Awaiting Review deleted
  • Resolution set to worksforme
  • Status changed from reopened to closed

I did not find an issue on the Gutenberg repository about this, but the alignment has been fixed for any combination of these three controls:

  • Appearance
  • Letter spacing
  • Line height
Note: See TracTickets for help on using tickets.