Skip to content

Approval rules table is breaking out of the layout if the codeowners rule is long

Summary

Steps to reproduce

  1. Open an MR which one of the code owner approval rules has a long path
  2. Expand the approval rules on the MR
  3. Resize the viewport to be narrow ~960px
  4. Observe that the table will break out of the layout

Example Project

Any MR with approval rules.

Example: (random) !39737 (merged)

What is the current bug behavior?

Table breaks out of container.

What is the expected correct behavior?

Table does not break out of container.

Possible fixes

Setting word-break: break-all; on the codeowners path seem to do the trick.

Edited by André Luís