Update job log toolbar UI text
Release notes
Small UI polish updates to the job log toolbar including:
- Removing the help text icon and integrating the text into the search bar.
- Updating the excess size text to be more concise.
Problem to solve
The job log toolbar is overpopulated with items. There's not much space to add anything new and it's not clear how everything relates to each other.
Proposal
Acceptance criteria:
- Remove the help text icon.
- Update search bar placeholder text -
Search visible log output
- Update text when the job log exceeds the max size -
View raw or full log.
Implementation guide
- In
ci/job_details/components/job_log_top_bar.vue
:- Remove the
<help-popover>
and itsi18n
- Change
i18n.searchPlaceholder
toSearch visible log output
- Change this gl-sprintf's message to
'Job|%{rawLinkStart}View raw%{rawLinkEnd} or %{fullLinkStart}full log%{fullLinkEnd}.',
- Remove the
- In
spec/frontend/ci/job_details/components/job_log_top_bar_spec.js
:- Remove lines referencing
HelpPopover
orfindSearchHelp
- Remove lines referencing
- Run
tooling/bin/gettext_extractor locale/gitlab.pot
to update PO files
Design resources
Intended users
Anyone using job logs: software developers mostly
Feature Usage Metrics
Does this feature require an audit event?
Edited by Miranda Fluharty