[wp-trac] [WordPress Trac] #41557: Customize edit shortcuts mispositioned when nested inside Twenty Seventeen frontpage panel

[WordPress Trac]

#41557: Customize edit shortcuts mispositioned when nested inside Twenty Seventeen
frontpage panel
---------------------------+-----------------
 Reporter:  westonruter    |      Owner:
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  4.9
Component:  Bundled Theme  |    Version:  4.7
 Severity:  normal         |   Keywords:
  Focuses:                 |
---------------------------+-----------------
 When using a plugin like Customize Posts which adds nested partials inside
 of the front page panels, the edit shortcuts for these nested partials are
 mispositioned in Twenty Seventeen due to this CSS selector:

 {{{#!css
 /* Add some space around the visual edit shortcut buttons. */
 .twentyseventeen-panel .customize-partial-edit-shortcut button {
         top: 30px;
         left: 30px;
 }
 }}}

 It should instead be using direct descendent selectors like so:

 {{{#!css
 /* Add some space around the visual edit shortcut buttons. */
 .twentyseventeen-panel > .customize-partial-edit-shortcut > button {
         top: 30px;
         left: 30px;
 }
 }}}

--
Ticket URL: <https://core.trac.wordpress.org/ticket/41557>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform