Change snippet author name to username on small screens
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 | ||
700px | ||
425px |
How to set up and validate locally
Numbered steps to set up and validate the change are strongly suggested.
- In the main sidebar go to "Code", then "Snippets"
- Create a snippet
- Observe the view and author note on different breakpoints
- 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.
-
I have evaluated the MR acceptance checklist for this MR.
Related to #20303 (closed)
Edited by Paulina Sedlak-Jakubowska