.shortcake-attachment-preview's alignment fix

wp-shortcake / shortcake

Shortcake makes using WordPress shortcodes a piece of cake.

GNU General Public License v2.0

664 stars 142 forks source link

.shortcake-attachment-preview's alignment fix #684

Closed danielecolangelo closed 7 years ago

danielecolangelo commented 7 years ago

Attaching several files it may happen that single previews have different heights because of files titles. If you use "float:left" with different heights divs, you could get a messy layout. Using "display: inline-block" with "vertical-align: top" we are sure that divs are aligned regularly.

bug

01_upstream

display: inline-block vertical-align: top

02_inline-block

word-wrap: break-word

03_break-word

goldenapples commented 7 years ago

Good fix :100:. Seems to cover all possibilities for this attachment preview.