Skip to content

Migrate above size limit alert to Pajamas ViewComponent

What does this MR do and why?

Migrate above size limit alert to Pajamas ViewComponent

Related to Migrate to Pajamas::AlertComponent ViewComponen... (#325406 - closed)

Screenshots or screen recordings

Before After
image image

How to set up and validate locally

  • Set the if statement to true to view the alert in on any project

Snapshot before

<div class="gl-alert gl-alert-warning gl-display-none gl-sm-display-block">
  <svg class="s16 gl-icon gl-alert-icon gl-alert-icon-no-title" data-testid="warning-icon"><use href="/assets/icons-f305926186cfc3bb530f27269d545937c385578ba62adb0088d74f0d2d02cb56.svg#warning"></use></svg>
  The size of this repository (0 Bytes) exceeds the limit of 0 Bytes by 0 Bytes. You won't be able to push new code to this project. Please contact your GitLab administrator for more information.
</div>

Snapshot after

<div class="gl-alert gl-alert-warning gl-alert-not-dismissible gl-display-none gl-sm-display-block" role="alert">
  <svg class="s16 gl-alert-icon gl-alert-icon-no-title" data-testid="warning-icon"><use href="/assets/icons-f305926186cfc3bb530f27269d545937c385578ba62adb0088d74f0d2d02cb56.svg#warning"></use></svg>
  <div class="gl-alert-content" role="alert">
    <div class="gl-alert-body">
      The size of this repository (61 KB) exceeds the limit of 0 Bytes by 61 KB. You won't be able to push new code to this project. Please contact your GitLab administrator for more information.

    </div>
  </div>
</div>

MR acceptance checklist

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

Edited by Alper Akgun

Merge request reports