make repository navigation fixed // add title for collapsed navigation items

This commit is contained in:
Eduard Heimbuch
2020-02-25 17:15:23 +01:00
parent 7fe8b58e7d
commit eee6cad1d3
6 changed files with 37 additions and 16 deletions

View File

@@ -11,6 +11,7 @@ type Props = {
activeOnlyWhenExact?: boolean;
activeWhenMatch?: (route: any) => boolean;
collapsed: boolean;
title?: string;
};
class NavLink extends React.Component<Props> {
@@ -24,7 +25,7 @@ class NavLink extends React.Component<Props> {
}
renderLink = (route: any) => {
const { to, icon, label, collapsed } = this.props;
const { to, icon, label, collapsed, title } = this.props;
let showIcon = null;
if (icon) {
@@ -36,7 +37,7 @@ class NavLink extends React.Component<Props> {
}
return (
<li>
<li title={collapsed ? title : undefined}>
<Link
className={classNames(this.isActive(route) ? "is-active" : "", collapsed ? "has-text-centered" : "")}
to={to}