[go: up one dir, main page]

Reduce layout shifting on Project Overview/Repository browser

Summary

As content loads, the table layout shifts.

This causes inconsistency in metrics, user's confusion (especially in large folders) as columns shift.

Notice the columns shifting as the content rolls in.

Steps to reproduce

  1. Open a project overview / repository page.
  2. Notice the columns in the table column's shifting width

Example Project

https://gitlab.com/gitlab-org/gitlab

What is the current bug behavior?

Columns change width as content loads.

What is the expected correct behavior?

Once the table head / columns are rendered, they don't change width as content is loaded.

Possible fixes

Maybe a simple table-layout: fixed; will help?