Skip to content

refactor: icon alignment in buttons and .text-#565

Merged
wesleyboar merged 3 commits into
mainfrom
feat/align-icons-in-bootstrap-components
Nov 12, 2025
Merged

refactor: icon alignment in buttons and .text-#565
wesleyboar merged 3 commits into
mainfrom
feat/align-icons-in-bootstrap-components

Conversation

@wesleyboar

@wesleyboar wesleyboar commented Nov 12, 2025

Copy link
Copy Markdown
Member

Overview

Improve icon alignment. Add where lacking (in Bootstrap support).

Warning

Reduces height of buttons, because line-height of 1 is less than inherited line-height (1.6 on CMS, 1.4 on TUP).

Changes

  • adds alignment of icons in .text-
  • refactors alignment of icons in buttons
  • deletes …button__icon, …button__icon--before, …button__icon--after
  • adds demo of alignment of icons in .text- and .btn

Testing

Verify alignment is unchanged or good in:

  1. http://localhost:3000/components/detail/c-button--primary
  2. http://localhost:3000/components/detail/btn
  3. http://localhost:3000/components/detail/color
  4. http://localhost:3000/components/detail/c-card--plain

UI

.c-button .btn .text- .c-card
c-button btn text- c-card

@wesleyboar wesleyboar marked this pull request as ready for review November 12, 2025 02:42
@wesleyboar wesleyboar merged commit 8e3591b into main Nov 12, 2025
@wesleyboar wesleyboar deleted the feat/align-icons-in-bootstrap-components branch November 12, 2025 02:42
wesleyboar added a commit that referenced this pull request Feb 12, 2026
c-button proper already has line-height —
since #565
— so no need for it here.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant