►
From YouTube: How to edit GitLab UI text
Description
A quick tutorial on how to edit UI text in GitLab using VS Code and GDK (https://gitlab.com/gitlab-org/gitlab-development-kit).
Documentation:
- Externalization: https://docs.gitlab.com/ee/development/i18n/externalization.html
- Pajamas, GitLab Design System - Voice and tone for UI: https://design.gitlab.com/content/voice-tone
A
Hi
this
is
martin
and
I
will
show
quickly
how
to
change
ui
text
in
gitlab.
If
you
want
to
edit
it
me
start
sharing
my
screen
right.
So
in
this
example,
we
want
to
look
at
group
settings
at
the
application
page.
A
A
A
And
let's
paste
the
string
into
the
search
bar
now,
I
already
see
that
the
the
main
thing
that
I'm
looking
for
is
here,
but
there's
also
a
lot
of
unnecessary,
irrelevant
results
for
mostly
from
translation
files.
So
it's
good
to
have
some
some
some
folders
or
file
file
names
or
file
types
in
the
exclude
field.
A
So
I
have
this
collection.
Most
importantly
here
we
want
the
locale
folder
and
this
will
exclude
the
translation
files.
A
A
A
I
copy
the
the
string
go
to
search
for
it
and
it
shows
up
in
another
file,
as
is
often
the
case
with
settings
pages
now,
it
shows
up
twice
once
the
app
views,
admin,
application,
applications,
folder
and
then
once
it's
something
with
door
keeper.
So
for
me
I
don't
know
which
one
it
is.
A
Save
the
file
and
see
after
refresh,
if
it
shows
up-
and
it
did
so-
I
wouldn't
have
guessed
that
it's
a
door
keeper
thing,
but
it
was
that
so
let
me
undo
that
make
the
change.
I
wanted.
A
A
But
usually,
if
you
go
into
the
explorer
review,
maybe
you
can
look
around
next
close
to
the
file
that
you
found
something
else
in
now
when
you,
when
you
change
strings
that
are
formatted
like
this,
which
means
that
they
are
externalized
for
translation.
A
You
need
to
regenerate
the
gitlab.pot
file
and
you
do
it
by
running
the
the
command
that
they
don't.
Remember.
The
get
text
command
that
you
can
see
in
my
terminal
right
now,
and
this
will
re
regenerate
the
gitlab
pod
file,
which
is
a
collection
of
strings
from
all
over
the
code
base.
A
One
more
thing
to
to
try
when
you're
changing
settings
text
is
sometimes
there
is
a
spec
file
or
a
test
file
for
for
that
specific
file.
And
you
can
you
know
you
can
push
your
changes,
open,
a
merge
request
and
wait
for
the
pipeline
to
fail
and
tell
you
what
to
fix,
or
you
can
search
for
this
pac
file.
A
Now
I
have
this
extension
called
go
to
spank
this
code,
expansion
extension
and
when
you're
in
a
file-
and
I
press
ctrl,
shift,
p
or
command
shift
p
on
mac
and
when
you
type
spec
or
go
to
spank,
you
can
see
this
command
in
this
case
it
doesn't
do
anything,
but
very
often
it
found
a
file
for
me
that
that
I
had
to
modify
to
fix
the
tests
and
that's
it.