Commit b6cd888d authored by Aanand Prasad's avatar Aanand Prasad

fix(ui): apply height to any brand element passed to AppBar

parent b076cbf5
......@@ -20,7 +20,10 @@ const Section = styled.div`
const Logo = styled.span`
margin: calc(${th('subGridUnit')} * 2) 1rem calc(${th('subGridUnit')} * 2)
1rem;
& svg {
`
const LogoLink = Link.extend`
& > * {
height: calc(${th('gridUnit')} * 2);
}
`
......@@ -43,7 +46,7 @@ const AppBar = ({
<Section>
{brand && (
<Logo>
<Link to={brandLink}>{brand}</Link>
<LogoLink to={brandLink}>{brand}</LogoLink>
</Logo>
)}
......
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`AppBar Basic display 1`] = `
.c3 {
.c5 {
color: black;
cursor: pointer;
}
......@@ -33,7 +33,12 @@ exports[`AppBar Basic display 1`] = `
margin: calc(8px * 2) 1rem calc(8px * 2) 1rem;
}
.c2 svg {
.c3 {
color: black;
cursor: pointer;
}
.c3 > * {
height: calc(32px * 2);
}
......@@ -74,7 +79,7 @@ exports[`AppBar Basic display 1`] = `
className="c4"
>
<a
className="c3"
className="c5"
href="/login"
onClick={[Function]}
>
......@@ -100,7 +105,7 @@ exports[`AppBar With admin user 1`] = `
height: calc(2 * 8px);
}
.c3 {
.c6 {
color: black;
cursor: pointer;
}
......@@ -132,7 +137,12 @@ exports[`AppBar With admin user 1`] = `
margin: calc(8px * 2) 1rem calc(8px * 2) 1rem;
}
.c2 svg {
.c3 {
color: black;
cursor: pointer;
}
.c3 > * {
height: calc(32px * 2);
}
......@@ -205,7 +215,7 @@ exports[`AppBar With admin user 1`] = `
className="c4"
>
<a
className="c3"
className="c6"
href="#"
onClick={[Function]}
>
......@@ -244,7 +254,7 @@ exports[`AppBar With admin user 1`] = `
`;
exports[`AppBar With custom brand and login links 1`] = `
.c3 {
.c5 {
color: black;
cursor: pointer;
}
......@@ -276,7 +286,12 @@ exports[`AppBar With custom brand and login links 1`] = `
margin: calc(8px * 2) 1rem calc(8px * 2) 1rem;
}
.c2 svg {
.c3 {
color: black;
cursor: pointer;
}
.c3 > * {
height: calc(32px * 2);
}
......@@ -317,7 +332,7 @@ exports[`AppBar With custom brand and login links 1`] = `
className="c4"
>
<a
className="c3"
className="c5"
href="/signin"
onClick={[Function]}
>
......@@ -329,7 +344,7 @@ exports[`AppBar With custom brand and login links 1`] = `
`;
exports[`AppBar With nav links 1`] = `
.c3 {
.c5 {
color: black;
cursor: pointer;
}
......@@ -361,7 +376,12 @@ exports[`AppBar With nav links 1`] = `
margin: calc(8px * 2) 1rem calc(8px * 2) 1rem;
}
.c2 svg {
.c3 {
color: black;
cursor: pointer;
}
.c3 > * {
height: calc(32px * 2);
}
......@@ -402,7 +422,7 @@ exports[`AppBar With nav links 1`] = `
className="c4"
>
<a
className="c3"
className="c5"
href="/login"
onClick={[Function]}
>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment