gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: make media button consistent with links (#1621)

Browse Source
This commit is contained in:
Caleb
2018-08-15 16:37:41 -06:00
committed by GitHub
parent 8ee7221b3c
commit 412d1e629f
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/netlify-cms-core/src/components/App/Header.js
View File

@ -46,7 +46,9 @@ const AppHeaderContent = styled.div`
const AppHeaderButton = styled.button` const AppHeaderButton = styled.button`
${buttons.button}; ${buttons.button};
background: none;
color: #7b8290; color: #7b8290;
font-family: inherit;
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
display: inline-flex; display: inline-flex;
@ -58,10 +60,17 @@ const AppHeaderButton = styled.button`
color: #b3b9c4; color: #b3b9c4;
} }
&:hover,
&:active,
&:focus {
${styles.buttonActive};
${Icon} {
${styles.buttonActive};
}
}
${props => css` ${props => css`
&:hover,
&:active,
&:focus,
&.${props.activeClassName} { &.${props.activeClassName} {
${styles.buttonActive}; ${styles.buttonActive};