adjust collapse arrow orientation

This commit is contained in:
jinhojang6
2023-06-13 01:38:12 +09:00
parent 4cc8ffd65d
commit a1c43a02b6
2 changed files with 10 additions and 2 deletions
@@ -231,7 +231,7 @@
--desktop-footer-gap: 200px;
--mobile-footer-gap: 144px;
--doc-grid-gap: 16px;
--ifm-table-background: transparent !important;
--ifm-table-stripe-background: transparent !important;
@@ -707,6 +707,14 @@ table {
display: none;
}
.menu__list-item-collapsible > a[aria-expanded='false'] > svg {
transform: rotate(90deg);
}
.menu__list-item-collapsible > a[aria-expanded='true'] > svg {
transform: rotate(180deg);
}
@include utils.responsive('sm', 'down') {
:root {
--ifm-global-spacing: 0.5rem;
@@ -168,7 +168,7 @@ export default function DocSidebarItemCategory({
<Typography variant="body2" color="primary">
{label}
</Typography>
{collapsed ? <ArrowUpIcon /> : <ArrowDownIcon />}
{collapsible && <ArrowUpIcon />}
</Link>
{href && collapsible && (
<CollapseButton