Giters

vmware-clarity / ng-clarity

Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.

Home Page:https://clarity.design

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Buttons placed within card body has no margins

peer-kkang opened this issue · comments

commented

Describe the bug

Buttons placed inside Card body has no margins

How to reproduce

Steps to reproduce the behavior:

<div class="card"><div class="card-header">Card Title</div><div class="card-block"><button class="btn">Hello</button><button class="btn">World</button><div class="card-text">This is a sample card, use the correct button alignment.</div></div><div class="card-footer"><button class="btn btn-sm btn-link">Action</button></div></div>
image

Expected behavior

A clear and concise description of what you expected to happen.

Versions

Clarity version:

  • v13.x
  • [x ] v15.x
  • Other:

Framework version:
Reproducible on both Angular 15, 16_

Additional notes

Add any other notes about the problem here.

commented

@dtsanevmw: Could you look into this? This appears to be a regression introduced during the token migration.

The horizontal margin for buttons within card was removed here: d54ce51#diff-8d9f8e25f7a921c94ef885adeaa6f3397e352ab917785283f4b8d654d2ae3596L271