Rename sd-summary-state-marker to dropdown-summary-state-marker

agriyakhetarpal · web-flow · commit 8f7c544c82f9 · 2025-12-03T16:15:41.000+05:30
diff --git a/assets/theme-css/sphinx-design/_dropdown.scss b/assets/theme-css/sphinx-design/_dropdown.scss
@@ -17,7 +17,7 @@ details.sd-dropdown {
       padding-right: 0.5rem;
     }
 
-    .sd-summary-state-marker {
+    .dropdown-summary-state-marker {
       position: absolute;
       right: 1em;
       top: 50%;
@@ -31,7 +31,7 @@ details.sd-dropdown {
 
     // The hover effect should only change opacity, not transform.
     // We are transforming the chevron elements instead, see below.
-    &:hover .sd-summary-state-marker svg {
+    &:hover .dropdown-summary-state-marker svg {
       opacity: 1;
     }
   }
diff --git a/layouts/shortcodes/dropdown.html b/layouts/shortcodes/dropdown.html
@@ -174,7 +174,7 @@
       <i class="fas fa-ellipsis-h no-title sd-octicon"></i>
     {{- end }}
     </span>
-    <span class="sd-summary-state-marker {{ $chevronClass }}">
+    <span class="dropdown-summary-state-marker {{ $chevronClass }}">
       <i class="fas {{ $chevronIcon }}"></i>
     </span>
   </summary>

Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@ details.sd-dropdown {`
`17`	`17`	`padding-right: 0.5rem;`
`18`	`18`	`}`
`19`	`19`
`20`		`- .sd-summary-state-marker {`
	`20`	`+ .dropdown-summary-state-marker {`
`21`	`21`	`position: absolute;`
`22`	`22`	`right: 1em;`
`23`	`23`	`top: 50%;`
`@@ -31,7 +31,7 @@ details.sd-dropdown {`
`31`	`31`
`32`	`32`	`// The hover effect should only change opacity, not transform.`
`33`	`33`	`// We are transforming the chevron elements instead, see below.`
`34`		`- &:hover .sd-summary-state-marker svg {`
	`34`	`+ &:hover .dropdown-summary-state-marker svg {`
`35`	`35`	`opacity: 1;`
`36`	`36`	`}`
`37`	`37`	`}`