Skip to content

feat(buttons): Make tertiary buttons borderless

Taurie Davis requested to merge 1623-tertiary-borderless-category into master

What does this MR do?

Currently the tertiary category does not have any real meaning. This MR adds a tertiary class to style tertiary buttons like secondary buttons, but without a border.

Tertiary variant Resting Hover Focus Active
Default text Screen_Shot_2020-08-06_at_10.09.47_AM Screen_Shot_2020-08-06_at_10.09.50_AM Screen_Shot_2020-08-06_at_10.09.53_AM Screen_Shot_2020-08-06_at_10.09.57_AM
Default icon Screen_Shot_2020-08-06_at_10.14.53_AM Screen_Shot_2020-08-06_at_10.15.02_AM Screen_Shot_2020-08-06_at_10.15.05_AM Screen_Shot_2020-08-06_at_10.15.08_AM
Info text Screen_Shot_2020-08-06_at_10.10.09_AM Screen_Shot_2020-08-06_at_10.10.12_AM Screen_Shot_2020-08-06_at_10.10.15_AM Screen_Shot_2020-08-06_at_10.10.18_AM
Info icon Screen_Shot_2020-08-06_at_10.15.15_AM Screen_Shot_2020-08-06_at_10.15.18_AM Screen_Shot_2020-08-06_at_10.15.20_AM Screen_Shot_2020-08-06_at_10.15.23_AM
Success text Screen_Shot_2020-08-06_at_10.10.27_AM Screen_Shot_2020-08-06_at_10.10.31_AM Screen_Shot_2020-08-06_at_10.10.34_AM Screen_Shot_2020-08-06_at_10.10.37_AM
Success icon Screen_Shot_2020-08-06_at_10.15.28_AM Screen_Shot_2020-08-06_at_10.15.32_AM Screen_Shot_2020-08-06_at_10.15.34_AM Screen_Shot_2020-08-06_at_10.15.37_AM
Warning text Screen_Shot_2020-08-06_at_10.10.45_AM Screen_Shot_2020-08-06_at_10.10.48_AM Screen_Shot_2020-08-06_at_10.10.50_AM Screen_Shot_2020-08-06_at_10.10.53_AM
Warning icon Screen_Shot_2020-08-06_at_10.15.42_AM Screen_Shot_2020-08-06_at_10.15.45_AM Screen_Shot_2020-08-06_at_10.15.47_AM Screen_Shot_2020-08-06_at_10.15.50_AM
Danger text Screen_Shot_2020-08-06_at_10.11.02_AM Screen_Shot_2020-08-06_at_10.11.05_AM Screen_Shot_2020-08-06_at_10.11.08_AM Screen_Shot_2020-08-06_at_10.11.11_AM
Danger icon Screen_Shot_2020-08-06_at_10.15.55_AM Screen_Shot_2020-08-06_at_10.15.58_AM Screen_Shot_2020-08-06_at_10.16.01_AM Screen_Shot_2020-08-06_at_10.16.04_AM

Closes #836 (closed)

Does this MR meet the acceptance criteria?

Conformity

  • Code review guidelines.
  • GitLab UI's contributing guidlines.
  • If it changes a Pajamas-compliant component's look & feel, the MR has been reviewed by a UX designer.
  • If it changes GitLab UI's documentation guidelines, the MR has been reviewed by a Technical Writer.
  • If the MR changes a component's API, integration MR(s) have been opened in the following projects to ensure that the @gitlab/ui package can be upgraded quickly after the changes are released:
  • Added the ~"component:*" label(s) if applicable.
Edited by Taurie Davis

Merge request reports