alps
alps copied to clipboard
Update global css styles file
1. Not correct icon position in toggle component - https://adventistchurch.github.io/alps/?path=/story/components-button--toggle
When toggle was clicked we can see the uneven display of the icon inside it.
html for this element:
<button class="o-button o-button--outline o-button--small o-button--toggle"> <span class="u-icon u-icon--xs"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 10 10" class="u-path-fill--white" > <path d="M10,4H6V0H4V4H0V6H4v4H6V6h4Z"></path> </svg> </span> </button>
2. Please add style
.fixRightIcon { marginLeft: '.3125rem'; marginRight: '0' }
it needed for our components
Thanks