fix: change sidebar chevron icon to use svg (#1211)

This commit is contained in:
Yangshun Tay 2019-01-28 22:03:11 -08:00 committed by GitHub
parent a99dbb1976
commit 1fb1a92293
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 1 deletions

View file

@ -69,7 +69,17 @@ class SideNav extends React.Component {
if (siteConfig.docsSideNavCollapsible) { if (siteConfig.docsSideNavCollapsible) {
categoryClassName += ' collapsible'; categoryClassName += ' collapsible';
ulClassName = 'hide'; ulClassName = 'hide';
arrow = <span className="arrow">&#8963;</span>; arrow = (
<span className="arrow">
<svg width="24" height="24" viewBox="0 0 24 24">
<path
fill="#565656"
d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"
/>
<path d="M0 0h24v24H0z" fill="none" />
</svg>
</span>
);
} }
return ( return (

View file

@ -1626,6 +1626,7 @@ input::placeholder {
.collapsible .arrow { .collapsible .arrow {
float: right; float: right;
margin-right: 8px; margin-right: 8px;
margin-top: -4px;
transform: rotate(90deg); transform: rotate(90deg);
transition: transform 200ms linear; transition: transform 200ms linear;
} }