search

DesignRevision / shards-vue

🌟Shards Vue is a free, beautiful and modern Vue.js UI kit based on Shards.
https://designrevision.com/docs/shards-vue/
MIT License
393 stars 40 forks source link

Alert close button align issues #3

Closed rodrigorhas closed 5 years ago

rodrigorhas commented 5 years ago

Expected Behavior

To be aligned as expected

Current Behavior

Align issues

Steps to Reproduce

  1. Access https://designrevision.com/docs/shards-vue/components/alert
  2. At the dismissables
  3. Check the close button

Context (Environment)

Possible Solution

// fix
.alert-dismissible .close {
    top: 0;
    right: 0;
    padding: .75rem 1.25rem 1.25rem;
    transition: all .25s cubic-bezier(.27,.01,.38,1.06);
    line-height: 1.2rem;
}

// Previous
.alert-dismissible .close {
    top: 0;
    right: 0;
    padding: .75rem 1.25rem;
    transition: all .25s cubic-bezier(.27,.01,.38,1.06);
}
hisk commented 5 years ago

@rodrigorhas Thanks for taking the time to submit this Rodrigo! 😊