[wp-trac] [WordPress Trac] #52790: Reusable blocks disappeared

[WordPress Trac]

#52790: Reusable blocks disappeared
-------------------------------------------------+-------------------------
 Reporter:  jordiparera                          |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  reopened
 Priority:  normal                               |   Milestone:  5.8.2
Component:  Editor                               |     Version:  5.7
 Severity:  critical                             |  Resolution:
 Keywords:  reporter-feedback needs-testing      |     Focuses:
  2nd-opinion                                    |
-------------------------------------------------+-------------------------

Comment (by jagenda):

 Here's a simple CSS fix to improve Reusable Block clarity with a border
 and padding and prevent users from accidentally selecting inner blocks of
 a Reusable Block.

 Only tested on Chrome so far but should give a rough idea of how to
 implement a temporary solution.

 {{{
 .block-editor-block-list__block.wp-block.is-reusable{
   padding:10px;
   border: solid black 1px;
   margin-bottom:25px !important;
 }
 .block-library-block__reusable-block-container{
   pointer-events:none;
 }

 .block-library-block__reusable-block-container .block-editor-block-
 list__layout{
   pointer-events:none;
 }

 .block-library-block__reusable-block-container .block-editor-block-
 list__layout::after{
   content: "";
   pointer-events:all;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   border-radius: 2px;
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) transparent;
 }

 .block-library-block__reusable-block-container .block-editor-block-
 list__layout .wp-block{
   pointer-events:none;
 }
 }}}

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