This project is archived. Its data is read-only.
Explore variations for image comment icons
The image comment icons used with the Design tab use a smaller instance of the comment icon within a circle, and this is to explore alternates that could: * More prominently feature a comment graphic * Better infer where a comment is getting placed * Have a non-transparent center so that it overlays artwork * Potentially be more of a 1:1 visually with the numbered comment marker **Curent** ![image-comment-light.svg](/uploads/1a2fc1c828b04720782adec2db0aa3d9/image-comment-light.svg) ![image-comment-dark.svg](/uploads/20baa506bbae432a91749590708eb6a0/image-comment-dark.svg) ## Questions 1. What is the reason for having a light and dark version? /cc @phikai @jareko ## Exploration | | Light | Dark | | ------ | ------ | ------ | | A | ![Image_comment_light.svg](/uploads/7b594a3c46111f38e3c2fe5c0191f136/Image_comment_light.svg) | ![Image_comment_dark.svg](/uploads/5f78952ff87cb76d11662faba8286a8f/Image_comment_dark.svg) | | B | ![Image_comment_light.svg](/uploads/91834f0053ca2f509eca0d381ccd78da/Image_comment_light.svg) | ![Image_comment_dark.svg](/uploads/d7ff1cffe7d6a188d42be0d012992c16/Image_comment_dark.svg) | | C | ![Frame1.svg](/uploads/8b8e4775c3f597bd89f8a1d8c1735fbe/Frame1.svg) | ![Frame2.svg](/uploads/daade3a754448f34077036a101409499/Frame2.svg) | [Comment Marker CSS demo →](https://codepen.io/lostsatellites/pen/xxKvxmp) ## Checklist - [ ] Update icon in GitLab SVGs - [ ] Update icon sizing in GitLab. MR: https://gitlab.com/gitlab-org/gitlab-design/-/issues/660
issue