Project, Group information sections: Add style for text highlighted with `<mark>`
-
Please check this box if this contribution uses AI-generated content (including content generated by GitLab Duo features) as outlined in the GitLab DCO & CLA
What does this MR do and why?
!161091 (merged) added a style for the <mark>
tag used in Markdown. But that style was not being applied to the description sections in projects and groups.
In order to reduce duplication, extract that style into into a new mixin, str-highlighted
.
Include that mixin from {group, search}.scss
, and modify {project, projects, groups}.scss
so that text wrapped in <mark>
tags in project descriptions is rendered consistently.
Addresses #476690 (closed).
Changelog: fixed
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
Before | After |
---|---|
After these changes, long text continues to be truncated with Read more in the Project view. |
|
And the Search and Global Search highlights keep their style. |
|
|
How to set up and validate locally
Setup
- Load an existing project
- Go to its Project settings (Settings > General on the left-hand menu).
- Add some text containing a
<mark>
tag in the Project description (optional) field. For example,"Here is some h<mark>ighlighted tex</mark>t"
. - Hit Save changes
Check project view
- Go to project view.
- See Project information on the right.
Check projects list
- Load Your work > Projects view (e.g. http://gdk.local:3000/dashboard/projects).
- Check project description under the project's title.
Addresses #476690 (closed).