csharpfritz / csharp_with_csharpfritz

Show notes, slides, and samples from the CSharp with CSharpFritz show
MIT License
662 stars 215 forks source link

Card layout improvements using Bootstrap... #136

Closed JustCallMeAD closed 2 years ago

JustCallMeAD commented 2 years ago
  1. Updated index.chtml and _itemCard.chtml so that all cards have equal height and width is automatically calculated (3 column layout). Ref: https://getbootstrap.com/docs/5.2/components/card/#card-groups

  2. Updated _itemCard.chtml card footer to use class="float-end" class instead of inline style (float:right). Ref: https://getbootstrap.com/docs/5.2/utilities/float/

  3. Updated _itemCard.chtml card footer buttons to use role="button" instead of inline style (cursor:pointer). Ref: https://getbootstrap.com/docs/5.2/content/reboot/#pointers-on-buttons

  4. Updated _itemCard.chtml card footer so that the text could not be accidentally selected when clicking a button. Ref: https://getbootstrap.com/docs/5.2/utilities/interactions/