Summary:

Add a CSS component for nav support menu.

Review Request #10858 — Created Jan. 25, 2020 and updated Jan. 27, 2020, 6:56 p.m.

Information
Owner:	xiaole2
Repository:	Review Board
Branch:	master
Bugs:
Depends On:
Reviewers
Groups:	reviewboard
People:

Description

.rb-help-icons .fa component provides a consistent style for the question-circle-icon for the navigation menu bar.
The help-icon shows after user login-in.
Add a new section into _nav_support_menu.html which provides useful resources, FAQ, etc. It consists of an icon and a list of information/docs field. The list will have links to corresponding informations.

Testing Done

Tested that Dashboard, Admin, Review Request UI works.

Commits

Summary	Author
WIP Add a CSS component for nav support menu	XiaoleZ
WIP Add a CSS component for nav support menu	XiaoleZ
WIP Add a CSS component for nav support menu	XiaoleZ
changed fa-question-circle to fa-question	XiaoleZ
Add a CSS component of help bubble for the homepage	XiaoleZ
remove the help.less since I change the name to help-icon.less	XiaoleZ
change less file to alphabetical orader	XiaoleZ
remove demo server& change to handy variable	XiaoleZ

Screenshots

Files

Issues

Description	From	Last Updated
Is this line safe to be deleted? There is one empty line above it already.	LittleGrey	Jan. 27, 2020, 6:27 p.m.
There is an extra space here.	LittleGrey	Jan. 27, 2020, 6:27 p.m.

flake8 passed.

JSHint passed.

reviewboard/static/rb/css/ui/help.less (Diff revision 1)

Show all issues

Is this line safe to be deleted? There is one empty line above it already.

reviewboard/static/rb/css/ui/help.less (Diff revision 1)
Show all issues
```
There is an extra space here.
```

Summary:

-	WIP Add a CSS component for nav support menu.
+	Add a CSS component for nav support menu.

Description:

~		This component is used to give useful resources, FAQ, etc.
~
~		It consists of an icon and a list of information/docs field. The list will have links to corresponding informations.
	~	`.rb-help-icons .fa` component provides a consistent style for the question-circle-icon for the navigation menu bar.
	~	The help-icon shows after user login-in.
	~	Add a new section into `_nav_support_menu.html` which provides useful resources, FAQ, etc. It consists of an icon and a list of information/docs field. The list will have links to corresponding informations.

Testing Done:

~		Tested that Dashboard UI works.
	~	Tested that Dashboard, Admin, Review Request UI works.

Commits:

	Summary	Author
-	WIP Add a CSS component for nav support menu	XiaoleZ
-	WIP Add a CSS component for nav support menu	XiaoleZ
-	WIP Add a CSS component for nav support menu	XiaoleZ
-	changed fa-question-circle to fa-question	XiaoleZ
+	WIP Add a CSS component for nav support menu	XiaoleZ
+	WIP Add a CSS component for nav support menu	XiaoleZ
+	WIP Add a CSS component for nav support menu	XiaoleZ
+	changed fa-question-circle to fa-question	XiaoleZ
+	Add a CSS component of help bubble for the homepage	XiaoleZ
+	remove the help.less since I change the name to help-icon.less	XiaoleZ
+	change less file to alphabetical orader	XiaoleZ

Diff:

Revision 2 (+98 -42)

Show changes

	reviewboard/staticbundles.py
	reviewboard/static/rb/css/ui/help-icon.less
	reviewboard/templates/base/_nav_support_menu.html

Removed Files:

Added Files:

Checks run (2 succeeded)

flake8 passed.

JSHint passed.

Change Summary:

remove demo server and use handy variable for FAQ and Quick start

Commits:

	Summary	Author
-	WIP Add a CSS component for nav support menu	XiaoleZ
-	WIP Add a CSS component for nav support menu	XiaoleZ
-	WIP Add a CSS component for nav support menu	XiaoleZ
-	changed fa-question-circle to fa-question	XiaoleZ
-	Add a CSS component of help bubble for the homepage	XiaoleZ
-	remove the help.less since I change the name to help-icon.less	XiaoleZ
-	change less file to alphabetical orader	XiaoleZ
+	WIP Add a CSS component for nav support menu	XiaoleZ
+	WIP Add a CSS component for nav support menu	XiaoleZ
+	WIP Add a CSS component for nav support menu	XiaoleZ
+	changed fa-question-circle to fa-question	XiaoleZ
+	Add a CSS component of help bubble for the homepage	XiaoleZ
+	remove the help.less since I change the name to help-icon.less	XiaoleZ
+	change less file to alphabetical orader	XiaoleZ
+	remove demo server& change to handy variable	XiaoleZ

Diff:

Revision 3 (+99 -45)

Show changes

	reviewboard/staticbundles.py
	reviewboard/static/rb/css/ui/help-icon.less
	reviewboard/templates/base/_nav_support_menu.html

Checks run (2 succeeded)

flake8 passed.

JSHint passed.