Add pointer to ‹details› element ‹summary› (#1042)

janbrasna · web-flow · commit d650b24a197a · 2025-03-19T12:37:52.000-07:00
* Add pointer to details element summary
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,8 @@
 
 ## Features
 
+* **css:** Apply hover cursor from Details component to Details element (#948)
+
 ## Bug Fixes
 
 * **assets:** Update @mozilla-protocol/assets to 5.4.0
diff --git a/assets/sass/protocol/base/elements/_details.scss b/assets/sass/protocol/base/elements/_details.scss
@@ -30,6 +30,10 @@ details .is-summary button[aria-expanded='true']::before,
     @include summary-open;
 }
 
+summary  {
+    cursor: pointer;
+}
+
 summary::-webkit-details-marker {
     display: none;
 }

Original file line number	Diff line number	Diff line change
`@@ -30,6 +30,10 @@ details .is-summary button[aria-expanded='true']::before,`
`30`	`30`	`@include summary-open;`
`31`	`31`	`}`
`32`	`32`
	`33`	`+summary {`
	`34`	`+ cursor: pointer;`
	`35`	`+}`
	`36`	`+`
`33`	`37`	`summary::-webkit-details-marker {`
`34`	`38`	`display: none;`
`35`	`39`	`}`