Making WordPress.org

Opened 8 weeks ago

Closed 8 weeks ago

Last modified 8 weeks ago

#8175 closed defect (bug) (fixed)

Insert/edit link dialog missing primary action button (OK/Add Link)

Reported by: yaniiliev's profile yani.iliev Owned by: dd32's profile dd32
Milestone: Priority: normal
Component: Support Forums Keywords: has-patch
Cc:

Description

The "OK" or "Add Link" button in the TinyMCE link dialog is invisible/unstyled (ghost button), likely a CSS specificity issue where the site's styles override the button's background. Only "Cancel" is visible.

Attachments (1)

image.png (119.4 KB) - added by yani.iliev 8 weeks ago.
Classic editor missing primary link/button.

Download all attachments as: .zip

Change History (5)

@yani.iliev
8 weeks ago

Classic editor missing primary link/button.

This ticket was mentioned in PR #554 on WordPress/wordpress.org by @yani.iliev.


8 weeks ago
#1

  • Keywords has-patch added

Closes: https://meta.trac.wordpress.org/ticket/8175

The --wp-admin-theme-color custom property is declared on :root referencing
var(--wp--preset--color--blueberry-1), but that variable is only defined on
body by WordPress core's global-styles-inline-css. Since :root (<html>)
is the parent of body, the referenced variable is not available in that scope.

This changes the declaration from :root to body so both variables are
defined on the same element and the reference resolves correctly.

Note: I used AI to generate the PR description and title. The source code has been reviewed and tested by me locally before opening this PR.

#2 @dd32
8 weeks ago

  • Owner set to dd32
  • Resolution set to fixed
  • Status changed from new to closed

In 14666:

Support Forums: classic editor: Fix the styling for the link buttons.

Props yani.iliev, dd32.
Closes https://github.com/WordPress/wordpress.org/pull/554.
Fixes #8175.

#3 @yani.iliev
8 weeks ago

Beautiful. I confirmed it is fixed. Smart solution, dd32, to include both :root, body. Much better!

#4 @dd32
8 weeks ago

@yaniiliev Thanks for the PR!

I included :root as well because it seems to be where it's defined / used in other places, but global-styles indeed only sets it the colour body. Fallback included for :root() just incase, because I didn't want to deal with this elsewhere.

The darker colour was required for the hover state, without it the button vanished on hover :)

Last edited 8 weeks ago by dd32 (previous) (diff)
Note: See TracTickets for help on using tickets.