Skip to content

Commit e34eebe

Browse files
committed
fix(cards.pug): smooth collapse card
Added div around the cart-body, so the collapse is working smoothly now over the complete height of the card instead of the height without padding - thanks @MartijnBastiaansen
1 parent 62a6c43 commit e34eebe

File tree

2 files changed

+8
-4
lines changed

2 files changed

+8
-4
lines changed

pug/views/base/cards.pug

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -249,8 +249,9 @@ block view
249249
i.icon-arrow-up
250250
a.card-header-action.btn-close(href='#')
251251
i.icon-close
252-
#collapseExample.card-body.collapse.show
253-
| Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
252+
#collapseExample.collapse.show
253+
.card-body
254+
| Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
254255
// /.col
255256
// /.row
256257
#myModal.modal.fade(tabindex='-1', role='dialog', aria-labelledby='myModalLabel', aria-hidden='true')

src/base/cards.html

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -662,8 +662,11 @@
662662
</a>
663663
</div>
664664
</div>
665-
<div class="card-body collapse show" id="collapseExample">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
666-
ut aliquip ex ea commodo consequat.</div>
665+
<div class="collapse show" id="collapseExample">
666+
<div class="card-body">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
667+
ut aliquip ex ea commodo consequat.
668+
</div>
669+
</div>
667670
</div>
668671
</div>
669672
<!-- /.col-->

0 commit comments

Comments
 (0)