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
994e439b
Commit
994e439b
authored
Oct 13, 2019
by
Mike Lewis
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'remove-fe-components' into 'master'
Remove fe components See merge request gitlab-org/gitlab!17131
parents
71568a69
4f0a5684
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
11 additions
and
45 deletions
+11
-45
doc/development/fe_guide/components.md
doc/development/fe_guide/components.md
+3
-40
doc/development/fe_guide/dropdowns.md
doc/development/fe_guide/dropdowns.md
+3
-1
doc/development/fe_guide/index.md
doc/development/fe_guide/index.md
+5
-4
No files found.
doc/development/fe_guide/components.md
View file @
994e439b
# Components
## Contents
-
[
Dropdowns
](
#dropdowns
)
## Dropdowns
See also the
[
corresponding UX guide
](
https://design.gitlab.com/#/components/dropdowns
)
.
### How to style a Bootstrap dropdown
1.
Use the HTML structure provided by the
[
docs
][
bootstrap-dropdowns
]
1.
Add a specific class to the top level
`.dropdown`
element
```
Haml
.dropdown.my-dropdown
%button{ type: 'button', data: { toggle: 'dropdown' }, 'aria-haspopup': true, 'aria-expanded': false }
%span.dropdown-toggle-text
Toggle Dropdown
= icon('chevron-down')
%ul.dropdown-menu
%li
%a
item!
```
Or use the helpers
```
Haml
.dropdown.my-dropdown
= dropdown_toggle('Toogle!', { toggle: 'dropdown' })
= dropdown_content
%li
%a
item!
```
[
bootstrap-dropdowns
]:
https://getbootstrap.com/docs/3.3/javascript/#dropdowns
---
redirect_to
:
'
https://design.gitlab.com/components/status/'
---
doc/development/fe_guide/dropdowns.md
View file @
994e439b
This page has moved
[
here
](
components.md#dropdowns
)
.
---
redirect_to
:
'
https://design.gitlab.com/components/dropdowns/'
---
doc/development/fe_guide/index.md
View file @
994e439b
...
...
@@ -41,6 +41,11 @@ or make changes to our frontend development guidelines.
How we write frontend tests, run the GitLab test suite, and debug test related
issues.
## Pajamas Design System
Reusable components with technical and usage guidelines can be found in our
[
Pajamas Design System
](
https://design.gitlab.com/
)
.
## [Design Patterns](design_patterns.md)
Common JavaScript design patterns in GitLab's codebase.
...
...
@@ -65,10 +70,6 @@ How to use GraphQL
How we use SVG for our Icons and Illustrations.
## [Components](components.md)
How we use UI components.
## Frontend FAQ
Read the
[
frontend's FAQ
](
frontend_faq.md
)
for common small pieces of helpful information.
...
...
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