Skip to content

Improve blob header responsiveness

Jacques Erasmus requested to merge blob-header-responsiveness into master

What does this MR do and why?

Ensures flex items are more efficiently wrapped in the blob header.

There's ample space to fit the Lock, Replace and Delete buttons next to the Edit button in the example below, this MR ensures that we more efficiently wrap the header buttons as we scale down the screen sizes.

Screenshots or screen recordings

before after
mobile Screenshot_2022-05-02_at_13.21.05 mobile Screenshot_2022-05-02_at_13.20.13
desktop Screenshot_2022-05-02_at_13-55-02_index.js___master___Flightjs___Flight___GitLab desktop (no change) Screenshot_2022-05-02_at_13-55-28_index.js___master___Flightjs___Flight___GitLab

How to set up and validate locally

  1. Open a file from the repository files browser.
  2. Scale down the window size.

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 Jacques Erasmus

Merge request reports

Loading