Skip to content

Change snippet author name to username on small screens

Paulina Sedlak-Jakubowska requested to merge 20303-change-snippet-author-name-to-username-on-small-screens into master

What does this MR do and why?

  • add username that displays on the small breakpoint
  • limit name to display only on breakpoints bigger than the small one
  • add baseline alignment for the authored note, to keep the icon on the first line of text, if it wraps to two lines

Screenshots or screen recordings

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

Breakpoint Before After
768px Screenshot of snippets view at 768px before changes Screenshot of snippets view at 768px after changes
700px Screenshot of snippets view at 700px before changes Screenshot of snippets view at 700px after changes
425px Screenshot of snippets view at 425px before changes Screenshot of snippets view at 425px after changes

How to set up and validate locally

Numbered steps to set up and validate the change are strongly suggested.

  1. In the main sidebar go to "Code", then "Snippets"
  2. Create a snippet
  3. Observe the view and author note on different breakpoints
  4. Optional: you can change your display name in preferences to a longer string and see how that displays

MR acceptance checklist

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

Related to #20303 (closed)

Edited by Paulina Sedlak-Jakubowska

Merge request reports