Update style on the cluster creation page
This issue is a follow-up from Add Civo to the create cluster page (!91526 - merged) and addresses the following comment from @dmishunov
:
UX issue: with this class change, we reduce the overall width of the container. Instead of 250% = 100%, now we have 330%=90% width on the container:
This is not too critical, however, this should be addressed as a follow-up at least. My thought is — we have to add something like
gl-flex-basis-third
utility somewhere in https://gitlab.com/gitlab-org/gitlab-ui/-/blob/main/src/scss/utility-mixins/flex.scss#L178-L184 forgitlab-ui
package and then update this implementation withgl-flex-basis-third
instead ofgl-w-30p
.
We ended up adding a combination of classes gl-flex-basis-0
, gl-flex-grow-1
, and gl-min-w-0
to achieve similar result. We will need to update it to use gl-flex-basis-third
once the new class is available.
The MR to add gl-flex-basis-third
into GitLab UI: gitlab-ui!2936 (merged)