In T421901 we implemented a new visual styling for Review Changes cards. @Lwilson-ctr had some feedback and further iteration suggestions:
- The username should be bold, same as the page name.
- After a diff has been opened, the 'boldening' of the username should be removed.
- Tapping a diff should immediately grey it out. It shouldn't wait for the page to load.
- The user icon should be color-emphasized and color-subtle as well to match the rest of the card.
- The height of each row on desktop is inconsistent, possibly because of the user icon. They should be the same height to make it easier to parse.
- ^ This is because of the user info button taking up more vertical space. It should vertically overflow if needed, like this (image shows the hovered state):
- The icon itself should be aligned with the left. See the hover state of the icon with negative margin:
- [From original criteria] On desktop only, the page title and username in Review Changes are clickable, but this is not the case on mobile
- [From original criteria] On desktop only, the latest comment timestamp in Active Discussions is clickable, but this is not the case on mobile.
Figma link - https://www.figma.com/design/6VElpFGPXf9EAuClQbpPlA/T419358-Special-Homepage?node-id=2022-38885&t=Hdaa6CepU3uTTwDX-1










