Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Buttons #621

Merged
merged 10 commits into from
Feb 8, 2021
Merged

Buttons #621

merged 10 commits into from
Feb 8, 2021

Conversation

ffoodd
Copy link
Contributor

@ffoodd ffoodd commented Jan 27, 2021

Closes #521


  • Should match specs:
    • buttons with icon
    • Icon buttons:
      • a modifier to get a squared button (e.g. .btn-icon)
      • and another for no border (to apply to .btn-close too) → .btn-no-outline, to stick to Bootstrap naming convention.
    • social buttons
    • back-to-top button to revamp accordingly (Back-to-top (scroll up) #523)
    • .btn-close might inherit from icon buttons
    • and pagination: use mask instead of filter?
    • could we add a mixin to get squared things in icon button, pagination, back to top, close button and social buttons: introduced button-icon() mixin.
  • Docs added:
    • maybe to Design Guidelines too
    • in Cheatsheet / Cheatsheet RTL examples
  • Run linters
  • Run compilers
  • Run tests
  • Cross-browser test:
    • Firefox ESR
    • Latest Edge, Chrome, Firefox, Safari
    • iOS Safari
    • Chrome & Firefox on Android
  • Clean up the branch using rebase -i
  • Commited with feat(…): … message
  • Mention it
    • in Ship List
    • in Migration Guide (if back-from-v4)

Side topic:

  • use mask-image as another way of colorizing inline SVG:
    • $chevron-icon-disabled
    • $form-select-disabled-indicator inapplicable in a select since its a replaced element.
  • add aria-hidden="true" and focusable="false" to decorative SVGs

Preview: https://deploy-preview-621--boosted.netlify.app/docs/5.0/components/buttons

@ffoodd

This comment has been minimized.

@ffoodd ffoodd force-pushed the feature/branded-buttons branch 2 times, most recently from d931b80 to 54b1654 Compare January 29, 2021 16:45
@ffoodd ffoodd marked this pull request as draft January 29, 2021 16:46
@ffoodd ffoodd force-pushed the feature/branded-buttons branch 3 times, most recently from 9fb4ece to af66fa3 Compare February 4, 2021 10:50
Using SVG spriteand, well, nothing else. But added docs.
@ffoodd ffoodd force-pushed the feature/branded-buttons branch 6 times, most recently from ffd9239 to de08ed9 Compare February 4, 2021 16:17
@ffoodd ffoodd force-pushed the feature/branded-buttons branch 6 times, most recently from 42018ba to fa54ada Compare February 5, 2021 15:02
@ffoodd ffoodd mentioned this pull request Feb 8, 2021
@ffoodd ffoodd marked this pull request as ready for review February 8, 2021 10:51
@ffoodd ffoodd merged commit e7d2082 into v5-dev Feb 8, 2021
@ffoodd ffoodd deleted the feature/branded-buttons branch February 8, 2021 10:52
@ffoodd ffoodd linked an issue Feb 8, 2021 that may be closed by this pull request
4 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Buttons
1 participant