[wp-trac] [WordPress Trac] #56290: Twenty Twelve: Button blocks inside widget areas don't apply theme preset colours

[WordPress Trac]

#56290: Twenty Twelve: Button blocks inside widget areas don't apply theme preset
colours
-------------------------------------+-----------------------------
 Reporter:  mrfoxtalbot              |       Owner:  (none)
     Type:  defect (bug)             |      Status:  reopened
 Priority:  normal                   |   Milestone:  Future Release
Component:  Bundled Theme            |     Version:  5.8
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch has-test-info  |     Focuses:  css
-------------------------------------+-----------------------------
Changes (by sabernhardt):

 * keywords:  has-patch => has-patch has-test-info


Comment:

 1. Create a new Page (or a post).
 2. Add a short title.
 3. Paste the set of blocks from [attachment:"twenty-twelve-buttons-inside-
 group.txt"].
 4. Ensure that the page's comments are closed.
 5. Publish the page.
 6. Open Appearance → Widgets (in another tab).
 7. Add a Paragraph block in the Main Sidebar, and paste the set of blocks
 in the Paragraph.
 8. Click Update and wait for it to finish saving.
 9. Visit the page on the front end.
 10. Click one of the "visited link" Button blocks to show the `:visited`
 styling. The Button blocks should not have a distinction for visited
 links.
 11. Compare each Button link between the page content and the main
 sidebar.
    - In addition to the default state, check the `:hover`, `:focus` and
 `:active` states for each link (note that the 'no href' links are not
 focusable).
    - To position the sidebar blocks near their post content counterparts,
 you could add these styles in the Customizer's Additional CSS:
    {{{
 .widget-area .widget p {
         padding: 0 0 4px;
 }
 .widget .wp-block-group .wp-block-code {
         margin-top: 1.714285714rem;
         min-height: calc(1.714285714rem + 24px);
 }
    }}}
 12. To check the blocks in the front page widget areas, you could paste
 the set of blocks in each widget area and set the page's **template** to
 Front Page Template.

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