Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
G
gitlab-ce
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
1
Merge Requests
1
Analytics
Analytics
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Commits
Issue Boards
Open sidebar
nexedi
gitlab-ce
Commits
57d0a06b
Commit
57d0a06b
authored
Sep 10, 2021
by
Craig Norris
Committed by
Suzanne Selhorn
Sep 10, 2021
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
Remove inline tier icon references from Style Guide
parent
00bdaab1
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
5 additions
and
18 deletions
+5
-18
doc/development/documentation/styleguide/index.md
doc/development/documentation/styleguide/index.md
+5
-18
No files found.
doc/development/documentation/styleguide/index.md
View file @
57d0a06b
...
@@ -1622,37 +1622,24 @@ When names change, it is more complicated to search or grep text that has line b
...
@@ -1622,37 +1622,24 @@ When names change, it is more complicated to search or grep text that has line b
### Product tier badges
### Product tier badges
Tier badges are displayed as orange text next to a heading. For example:
Tier badges are displayed as orange text next to a heading. These badges link to the GitLab
pricing page. For example:
![
Tier badge
](
img/tier_badge.png
)
![
Tier badge
](
img/tier_badge.png
)
You must assign a tier badge:
You must assign a tier badge:
-
To
[
all H1 topic headings
](
#product-tier-badges-on-headings
)
.
-
To
all H1 topic headings
.
-
To topic headings that don't apply to the same tier as the H1.
-
To topic headings that don't apply to the same tier as the H1.
-
To
[
sections of a topic
](
#product-tier-badges-on-other-content
)
,
if they apply to a tier other than what applies to the H1.
#### Product tier badges on headings
To add a tier badge to a heading, add the relevant tier badge
To add a tier badge to a heading, add the relevant
[
tier badge
](
#available-product-tier-badges
)
after the heading text. For example:
after the heading text. For example:
```
markdown
```
markdown
# Heading title **(FREE)**
# Heading title **(FREE)**
```
```
#### Product tier badges on other content
Do not add tier badges inline with other text. The single source of truth for a feature should be the heading where the functionality is described.
In paragraphs, list names, and table cells, an information icon displays when you
add a tier badge. More verbose information displays when a user points to the icon:
-
`**(FREE)**`
displays as
**(FREE)**
-
`**(FREE SELF)**`
displays as
**(FREE SELF)**
-
`**(FREE SAAS)**`
displays as
**(FREE SAAS)**
The
`**(FREE)**`
generates a
`span`
element to trigger the
badges and tooltips (
`<span class="badge-trigger free">`
).
#### Available product tier badges
#### Available product tier badges
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment