Improve styling on scrape examples help button

willcrichton · willcrichton · commit bb3ed6f7d6ca · 2022-03-27T18:11:56.000-07:00
diff --git a/src/librustdoc/html/static/css/rustdoc.css b/src/librustdoc/html/static/css/rustdoc.css
@@ -2035,8 +2035,6 @@ details.rustdoc-toggle[open] > summary.hideme::after {
 /* Begin: styles for --scrape-examples feature */
 
 .scraped-example-list .section-header .scrape-help {
-	cursor: pointer;
-	border-radius: 2px;
 	margin-left: 10px;
 	padding: 0 4px;
 	font-weight: normal;
@@ -2046,6 +2044,7 @@ details.rustdoc-toggle[open] > summary.hideme::after {
 	background: transparent;
 	border-width: 1px;
 	border-style: solid;
+	border-radius: 50px;
 }
 
 .scraped-example-title {
diff --git a/src/librustdoc/html/static/css/themes/ayu.css b/src/librustdoc/html/static/css/themes/ayu.css
@@ -613,12 +613,12 @@ input:checked + .slider {
 
 
 .scraped-example-list .section-header .scrape-help {
-	border-color: #999;
-	color: #999;
+	border-color: #aaa;
+	color: #eee;
 }
 .scraped-example-list .section-header .scrape-help:hover {
-	border-color: #c5c5c5;
-	color: #c5c5c5;
+	border-color: white;
+	color: white;
 }
 .more-examples-toggle summary, .more-examples-toggle .hide-more {
 	color: #999;
diff --git a/src/librustdoc/html/static/css/themes/dark.css b/src/librustdoc/html/static/css/themes/dark.css
@@ -479,12 +479,12 @@ div.files > .selected {
 }
 
 .scraped-example-list .section-header .scrape-help {
-	border-color: #999;
-	color: #999;
+	border-color: #aaa;
+	color: #eee;
 }
 .scraped-example-list .section-header .scrape-help:hover {
-	border-color: #c5c5c5;
-	color: #c5c5c5;
+	border-color: white;
+	color: white;
 }
 .more-examples-toggle summary, .more-examples-toggle .hide-more {
 	color: #999;
diff --git a/src/librustdoc/html/static/css/themes/light.css b/src/librustdoc/html/static/css/themes/light.css
@@ -464,8 +464,8 @@ div.files > .selected {
 }
 
 .scraped-example-list .section-header .scrape-help {
-	border-color: #999;
-	color: #999;
+	border-color: #555;
+	color: #333;
 }
 .scraped-example-list .section-header .scrape-help:hover {
 	border-color: black;

Original file line number	Diff line number	Diff line change
`@@ -479,12 +479,12 @@ div.files > .selected {`
`479`	`479`	`}`
`480`	`480`
`481`	`481`	`.scraped-example-list .section-header .scrape-help {`
`482`		`- border-color: #999;`
`483`		`- color: #999;`
	`482`	`+ border-color: #aaa;`
	`483`	`+ color: #eee;`
`484`	`484`	`}`
`485`	`485`	`.scraped-example-list .section-header .scrape-help:hover {`
`486`		`- border-color: #c5c5c5;`
`487`		`- color: #c5c5c5;`
	`486`	`+ border-color: white;`
	`487`	`+ color: white;`
`488`	`488`	`}`
`489`	`489`	`.more-examples-toggle summary, .more-examples-toggle .hide-more {`
`490`	`490`	`color: #999;`
Original file line number	Diff line number	Diff line change
`@@ -464,8 +464,8 @@ div.files > .selected {`
`464`	`464`	`}`
`465`	`465`
`466`	`466`	`.scraped-example-list .section-header .scrape-help {`
`467`		`- border-color: #999;`
`468`		`- color: #999;`
	`467`	`+ border-color: #555;`
	`468`	`+ color: #333;`
`469`	`469`	`}`
`470`	`470`	`.scraped-example-list .section-header .scrape-help:hover {`
`471`	`471`	`border-color: black;`