Skip to content

SCSS: .mr-version-controls 's max-width value is causing strange UI

Summary

On merge request page version controls bar's size is not growing with the file browser.

Steps to reproduce

  1. Go to any merge request
  2. Select changes tab
  3. Toggle file browser
  4. Observe mr-version-controls bar's width

Example Project

[Any merge request]

What is the current bug behavior?

Width of bar is not growing accordingly

What is the expected correct behavior?

Bar's width grows with the below panel

Relevant logs and/or screenshots

Current Behaviour: current Expected Behaviour: expected

Output of checks

This bug happens on GitLab.com

Results of GitLab environment info

[ANY]

Possible fixes

.mr-version-controls { /* max-width:958px; possible fix is removing max width*/ margin-left: auto; margin-right: auto; }