Skip to content

Draft: Swap the placement of the GitLab Support Bot avatar

Magdalena Frankiewicz requested to merge improve-ui-of-titles-of-issues-created-via-service-desk into master

What does this MR do and why?

This is towards solving !#353895.

This MR swaps the placement of the Via GitLab Support Bot avatar and text so that it is always in a fairly consistent location regardless of email length, in the title of an issue created by Service Desk:

Created 2 days ago via 🙃 GitLab Support Bot by from@email.com (reply to: replyto@email.com)

However, there is an already existing UI issue. The style of the header, when the line wraps, is glitchy. It also behaves slightly differently on different browsers.

On Chrome, before this MR's changes:

Screen_Shot_2022-03-21_at_11.15.08_AM

On Safari, before this MR's changes:

Screen_Shot_2022-03-21_at_11.15.27_AM

On Safari, with this MR's changes:

Screen_Shot_2022-03-21_at_11.16.12_AM

How to set up and validate locally

  1. See docs for configuring service desk. You need to set up incoming email, which in short is:

  2. On gitlab-development-kit, open support/templates/gitlab/config/gitlab.yml.erb:112, enable the incoming_email, and setup your email credentials.

  3. From the gitlab project, open the Gemfile, search for the gitlab-mail_room gem and set it to the latest version (at the moment 0.0.19), then run bundle install. Important: do not commit this change, get rid of it once done testing.

  4. You can check if the configuration works fine with: bundle exec rake gitlab:incoming_email:check.

  5. Run bundle exec mail_room -q -c config/mail_room.yml in a console. This is necessary to receive the email sent to the service desk.

  6. After you set up incoming email, follow [steps 2. and 3. here].(https://docs.gitlab.com/ee/user/project/service_desk.html#configuring-service-desk)

  7. Send an email to the service desk address, which should be published as a issue in the GitLab UI on Issues > Service Desk.

  8. In the incoming email account that you just set up, set up reply-to.

  9. Send an email to the service desk address again, to compare.

MR acceptance checklist

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

Merge request reports