Influxdata
/
influxdb
mirror of https://github.com/influxdata/influxdb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Re-arrange items in me nav item

pull/10616/head
Alex P 2017-11-07 11:37:32 -08:00
parent 6056e37dfa
commit f6c27c970c
2 changed files with 23 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
ui/src/side_nav/components/UserNavBlock.js
View File

@ -31,9 +31,18 @@ class UserNavBlock extends Component {
</div> </div>
<div className="sidebar-menu"> <div className="sidebar-menu">
<div className="sidebar-menu--heading"> <div className="sidebar-menu--heading">
{currentOrganization.name} (Member)
</div>
<div className="sidebar-menu--section">
{me.name} {me.name}
</div> </div>
<div className="sidebar-menu--section">Organizations</div> <a className="sidebar-menu--item" href="#">
Manage Organizations
</a>
<a className="sidebar-menu--item" href={logoutLink}>
Logout
</a>
<div className="sidebar-menu--section">Switch Organizations</div>
{roles.map((role, i) => { {roles.map((role, i) => {
const isLinkCurrentOrg = const isLinkCurrentOrg =
currentOrganization.id === role.organization currentOrganization.id === role.organization
@ -53,10 +62,6 @@ class UserNavBlock extends Component {
</span> </span>
) )
})} })}
<a className="sidebar-menu--item" href={logoutLink}>
Logout
</a>
{customLinks ? <div className="sidebar-menu--divider" /> : null}
{customLinks {customLinks
? <div className="sidebar-menu--section">Custom Links</div> ? <div className="sidebar-menu--section">Custom Links</div>
: null} : null}

18
ui/src/style/layout/sidebar.scss
View File

@ -204,11 +204,7 @@ $sidebar-menu--gutter: 18px;
left: 0px; left: 0px;
transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg);
} }
.sidebar-menu--divider {
width: 100%;
height: 2px;
@include gradient-h($c-laser,$c-potassium);
}
.sidebar-menu--section { .sidebar-menu--section {
white-space: nowrap; white-space: nowrap;
font-size: 13px; font-size: 13px;
@ -217,4 +213,16 @@ $sidebar-menu--gutter: 18px;
padding: 4px $sidebar-menu--gutter; padding: 4px $sidebar-menu--gutter;
text-transform: uppercase; text-transform: uppercase;
color: $c-hydrogen; color: $c-hydrogen;
@include no-user-select();
position: relative;
&:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
@include gradient-h($c-laser,$c-potassium);
}
} }