Skip to content

Commit

Permalink
fix: change sidebar chevron icon to use svg
Browse files Browse the repository at this point in the history
  • Loading branch information
yangshun committed Jan 29, 2019
1 parent a99dbb1 commit a5f1d52
Showing 2 changed files with 12 additions and 1 deletion.
12 changes: 11 additions & 1 deletion v1/lib/core/nav/SideNav.js
Original file line number Diff line number Diff line change
@@ -69,7 +69,17 @@ class SideNav extends React.Component {
if (siteConfig.docsSideNavCollapsible) {
categoryClassName += ' collapsible';
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 (
1 change: 1 addition & 0 deletions v1/lib/static/css/main.css
Original file line number Diff line number Diff line change
@@ -1626,6 +1626,7 @@ input::placeholder {
.collapsible .arrow {
float: right;
margin-right: 8px;
margin-top: -4px;
transform: rotate(90deg);
transition: transform 200ms linear;
}

0 comments on commit a5f1d52

Please sign in to comment.