fix vertical alignment of icons in navigation

This commit is contained in:
Florian Scholdei
2019-06-12 15:23:11 +02:00
parent bb38e9e2b9
commit 467d0fd4ae
2 changed files with 4 additions and 2 deletions

View File

@@ -1,5 +1,6 @@
//@flow //@flow
import * as React from "react"; import * as React from "react";
import classNames from "classnames";
import {Link, Route} from "react-router-dom"; import {Link, Route} from "react-router-dom";
// TODO mostly copy of PrimaryNavigationLink // TODO mostly copy of PrimaryNavigationLink
@@ -28,7 +29,7 @@ class NavLink extends React.Component<Props> {
let showIcon = null; let showIcon = null;
if (icon) { if (icon) {
showIcon = (<><i className={icon} />{" "}</>); showIcon = (<><i className={classNames(icon, "fa-fw")} />{" "}</>);
} }
return ( return (

View File

@@ -1,6 +1,7 @@
//@flow //@flow
import * as React from "react"; import * as React from "react";
import { Link, Route } from "react-router-dom"; import { Link, Route } from "react-router-dom";
import classNames from "classnames";
type Props = { type Props = {
to: string, to: string,
@@ -37,7 +38,7 @@ class SubNavigation extends React.Component<Props> {
return ( return (
<li> <li>
<Link className={this.isActive(route) ? "is-active" : ""} to={to}> <Link className={this.isActive(route) ? "is-active" : ""} to={to}>
<i className={defaultIcon} /> {label} <i className={classNames(defaultIcon, "fa-fw")} /> {label}
</Link> </Link>
{children} {children}
</li> </li>