chore(VPSidebarItem): fix regression: active collapsible has indicator

1 year ago · b96cc8fd12
parent 91fd45c5e2
commit b96cc8fd12
1 changed files with 3 additions and 2 deletions
--- a/src/client/theme-default/components/VPSidebarItem.vue
+++ b/src/client/theme-default/components/VPSidebarItem.vue
@ -126,6 +126,7 @@ const classes = computed(() => [
  cursor: pointer;
  display: flex;
  justify-content: space-between;
+  position: relative;
 }

 .VPSidebarItem details summary .link {
@ -151,8 +152,8 @@ const classes = computed(() => [
  transition: background-color 0.25s;
 }

-
-.VPSidebarItem:is(.level-2, .level-3, .level-4, .level-5).is-active > .item > .indicator {
+.VPSidebarItem:is(.level-2, .level-3, .level-4, .level-5).is-active > .item > .indicator,
+.VPSidebarItem:is(.level-2, .level-3, .level-4, .level-5).is-active > details > summary .indicator {
  background-color: var(--vp-c-brand-1);
 }