[wp-trac] [WordPress Trac] #60614: Twenty Twenty-Two: The button block border does not appear on the editor side.

[WordPress Trac]

#60614: Twenty Twenty-Two: The button block border does not appear on the editor
side.
---------------------------+----------------------
 Reporter:  viralsampat    |       Owner:  (none)
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  6.5
Component:  Bundled Theme  |     Version:  trunk
 Severity:  normal         |  Resolution:
 Keywords:  dev-feedback   |     Focuses:  ui, css
---------------------------+----------------------

Comment (by poena):

 Besides the order and the {{{where}}}, the background CSS is also
 different compared to in 6.4. Here the background-color was transparent,
 not initial.


 6.4, with the custom fields panel enabled:

 {{{
 element.style {
         white-space: pre-wrap;
         min-width: 1px;
 }
 .wp-block-button .wp-block-button__link.is-style-outline:not(.has-
 background),
 .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-
 background) {
         background-color: transparent;
         background-image: none;
 }
 .wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-
 color),
 .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-
 color) {
         color: currentColor;
 }
 <style>
 .editor-styles-wrapper .wp-block-button .wp-block-button__link {
         background-color: var(--wp--preset--color--primary);
         border-radius: 0;
         color: var(--wp--preset--color--background);
         font-size: var(--wp--preset--font-size--medium);
 }
 }}}

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