commit 130a4e343bdc6ccc82bfb073fa465e65230a0020
author Daniel Martí <mvdan@mvdan.cc> Sun Jul 05 11:41:49 2020 +0100
committer Julie Qiu <julie@golang.org> Tue Jul 14 21:43:33 2020 +0000
tree 0a8f29faa6312de8b633b00ed165d16a270e9514
parent 2f4e4a8df3062491db9d354091b5779638ca5b10

content: clarify that "expand example" is clickable

Examples are collapsed by default, and if one clicks on the header, they
are expanded.

However, that's not terribly obvious to a new user, since the cursor
when hovering over those collapsed example headers is the default for a
text element, the "text selection" cursor.

Fix that, keeping the list sorted.

Change-Id: Idfb7baae1dfc3ae3b6800d58e0d95de49eabf1b7
Reviewed-on: https://go-review.googlesource.com/c/pkgsite/+/241017
Reviewed-by: Julie Qiu <julie@golang.org>

content/static/css/stylesheet.css

diff --git a/content/static/css/stylesheet.css b/content/static/css/stylesheet.css
index 7bafc40..1135cd3 100644
--- a/content/static/css/stylesheet.css
+++ b/content/static/css/stylesheet.css
@@ -983,9 +983,10 @@
 }
 .Documentation-exampleDetailsHeader {
   color: var(--turq-dark);
-  text-decoration: none;
-  outline: none;
+  cursor: pointer;
   margin-bottom: 2rem;
+  outline: none;
+  text-decoration: none;
 }
 .Documentation .example-header {
   color: var(--turq-dark);