From b1d85476e7eea1ba84cf308933e60d5394611b90 Mon Sep 17 00:00:00 2001
From: Henry Bley-Vroman <olets@olets.dev>
Date: Thu, 18 Apr 2024 07:44:05 -1000
Subject: [PATCH] refactor(VPSidebarItem): no css nesting [pr #3806]

---
 .../components/VPSidebarItem.vue              | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/client/theme-default/components/VPSidebarItem.vue b/src/client/theme-default/components/VPSidebarItem.vue
index 40c98b19..e33ab4ab 100644
--- a/src/client/theme-default/components/VPSidebarItem.vue
+++ b/src/client/theme-default/components/VPSidebarItem.vue
@@ -126,18 +126,19 @@ const classes = computed(() => [
   cursor: pointer;
   display: flex;
   justify-content: space-between;
+}
 
-  .link {
-    flex-grow: 0;
-  }
+.VPSidebarItem details summary .link {
+  flex-grow: 0;
+}
 
-  &::-webkit-details-marker {
-    display: none;
-  }
+  
+.VPSidebarItem details summary::-webkit-details-marker {
+  display: none;
+}
 
-  &::marker {
-    content: '';
-  }
+.VPSidebarItem details summary::marker {
+  content: '';
 }
 
 .indicator {