fix(css): Button text ellipsis
What does this MR do?
This MR is a tiny MVC for: #758 (closed)
In this MR we attempt to add the smallest amount of code possible to enable two things:
- Even padding on buttons as screens scale
- Allow button text to truncate
Screenshots
Questions
UX: Do we need a specific width for the buttons to truncate?
FE: Should we add a storybook example as you have in the dropdowns MR?
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:-
GitLab: mr_url -
Customers Portal: mr_url -
Status Page: mr_url
-
-
Added the ~"component:*"
label(s) if applicable.
Edited by David O'Regan