[wp-trac] [WordPress Trac] #56487: Bundled themes: opt-in to appearance tools

[WordPress Trac]

#56487: Bundled themes: opt-in to appearance tools
---------------------------+---------------------
 Reporter:  jffng          |       Owner:  (none)
     Type:  enhancement    |      Status:  new
 Priority:  normal         |   Milestone:  6.2
Component:  Bundled Theme  |     Version:
 Severity:  normal         |  Resolution:
 Keywords:  has-patch      |     Focuses:
---------------------------+---------------------

Comment (by poena):

 == Border colors testing instructions

 First, enable the appearance-tools theme support in your test theme.

 The following blocks have support for border:
 Table, Search, Read More, Pullquote, Post Featured Image
 Image, Group, Comments Title, Columns, Column, Code, Avatar
 Partial support: Button

 Create a new post and add one each of these blocks, or
 copy paste the sample content below:


 == Test results

 **Twenty Twenty**:

 Table -Works on the front. In the editor, the color is not applied.
 Search -Works in the editor. On the front, the wrong color is used on the
 input field, the correct color is used on the submit button.
 Read More -Works well.
 Pullquote -Works well
 Post Featured Image -Works in the editor. No border is visible on the
 front. The border width and color is present inline in the style
 attribute, but there is no border style.
 Image -Works well
 Group -Works well
 Comments Title
 Column and column -Works in the editor. On the front, the borders have the
 wrong colors.
 Code -Works well
 Avatar -Works in the editor but on the front, only the border radius is
 applied. The  border style, color and width are also not in the style
 attribute. The wrapper is missing a "has-border-x" CSS class.
 Button -works well


 **Twenty Twenty-One**

 Table -Works well
 Search -Works well
 Read More -Works well
 Pullquote -Works well
 Post Featured Image -As in Twenty Twenty, the border style is missing.
 Image -Works well
 Group -Works Well
 Comments Title
 Columns, column -Works well
 Code -Works well
 Avatar -As in Twenty Twenty, on the front only the border-radius is
 applied.
 Button -Works well

 **Emptytheme (block theme), tested for comparison:**
 The post featured image works on the front because of this style:

 {{{
 html :where([style*=border-width]) {
     border-style: solid;
 }
 }}}

 Avatar -As in Twenty Twenty, on the front only the border-radius is
 applied.


 == Conclusion

 There are minor issues in Twenty Twenty, that should be tested further and
 adressed in the theme.

 In both themes, there is an img border:none style on the featured image
 that has a higher specificity than the border style that the block library
 outputs.


 The image and featured image blocks are missing the border style control
 which should be available in the border panel in the editor.
 This as well as the problem with the avatar block should be reported
 upstream.

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