mirror of
https://github.com/facebook/docusaurus.git
synced 2025-07-14 23:37:59 +02:00
fix: change sidebar chevron icon to use svg (#1211)
This commit is contained in:
parent
a99dbb1976
commit
1fb1a92293
2 changed files with 12 additions and 1 deletions
|
@ -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">⌃</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 (
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue