[wp-trac] [WordPress Trac] #48691: Twenty Twenty: Audio block alignment issue

[WordPress Trac]

#48691: Twenty Twenty: Audio block alignment issue
-----------------------------------------+-------------------------
 Reporter:  kharisblank                  |       Owner:  nielslange
     Type:  defect (bug)                 |      Status:  assigned
 Priority:  normal                       |   Milestone:  5.3.1
Component:  Bundled Theme                |     Version:  5.3
 Severity:  normal                       |  Resolution:
 Keywords:  needs-patch has-screenshots  |     Focuses:  ui, css
-----------------------------------------+-------------------------

Comment (by kharisblank):

 @poena

 > I believe that the min-width part of the patch needs to be removed,
 because the player is much wider in the editor than it is in the front,
 what do you think?

 I am not quite sure about this. Because minimum width is defined in below
 lines of code in block library CSS of the core.


 {{{
 .wp-block-audio audio {
   width: 100%;
   min-width: 300px;
 }

 }}}

 However this breaking right alignment on Twenty Twenty. Without extra
 custom width `min-width: 100%;`, [https://imgur.com/QzdmFZU this is what I
 am getting].

 @nielslange
 > Can you think of another solution?

 Let me try it.

 Best,
 Kharis

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