Skip to content

Fix carousel next and prev icon size

What does this MR do and why?

closes #412299 (closed)

this is a follow up MR of gitlab-ui!3522 (merged) , .carousel-control-prev and .carousel-control-next now has a width: auto to ensure its border has the same size of the icon, in security discover page, the .carousel-control-prev-icon and .carousel-control-next-icon has a width: inherit which makes the whole .carousel-control-prev and .carousel-control-next width to 0, this MR give .carousel-control-prev-icon and .carousel-control-next-icon a default fixed 20px width defined in gitlab-ui when screen bigger than middle screen.

Screenshots or screen recordings

Before After
image image

How to set up and validate locally

  1. Visit project -> security -> security capabilities

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

/cc @JeremyWuuuuu @fenyuluoshang @daveliu

Edited by Kun Qian

Merge request reports

Loading