refactor(VPSidebarItem): no css nesting [pr #3806]

1 year ago · b1d85476e7
parent ce416c9bc9
commit b1d85476e7
1 changed files with 10 additions and 9 deletions
--- 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 {