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

Highlight logo square when viewing status page

pull/1944/head
Alex P 2017-08-29 18:34:39 -07:00
parent 8aaa374c80
commit afc911c1ce
2 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/src/side_nav/containers/SideNav.js
View File

@ -69,10 +69,14 @@ const SideNav = React.createClass({
const dataExplorerLink = `${sourcePrefix}/chronograf/data-explorer` const dataExplorerLink = `${sourcePrefix}/chronograf/data-explorer`
const isUsingAuth = !!logoutLink const isUsingAuth = !!logoutLink
const isDefaultPage = location.split('/').includes(DEFAULT_HOME_PAGE)
return isHidden return isHidden
? null ? null
: <NavBar location={location}> : <NavBar location={location}>
<div className="sidebar--item"> <div
className={isDefaultPage ? 'sidebar--item active' : 'sidebar--item'}
>
<Link <Link
to={`${sourcePrefix}/${DEFAULT_HOME_PAGE}`} to={`${sourcePrefix}/${DEFAULT_HOME_PAGE}`}
className="sidebar--square sidebar--logo" className="sidebar--square sidebar--logo"

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

@ -115,6 +115,16 @@ $sidebar-menu--gutter: 18px;
background-color: $sidebar--logo-bg-hover; background-color: $sidebar--logo-bg-hover;
.sidebar--icon {color: $sidebar--logo-color-hover;} .sidebar--icon {color: $sidebar--logo-color-hover;}
} }
.sidebar--item.active .sidebar--square.sidebar--logo {
background-color: $sidebar--logo-bg-hover;
.sidebar--icon {
color: $sidebar--logo-color-hover;
text-shadow:
0 0 9px $c-hydrogen,
0 0 15px $c-neutrino,
0 0 20px $c-yeti;
}
}
/* /*
Sidebar Sub Menus Sidebar Sub Menus