Skip to content

Commit 8c4ac02

Browse files
committed
fix(docs-infra): make edit icon visible on gradient page headers
Color the icon white within the gradient header, keeping the muted to full contrast hover affordance used elsewhere.
1 parent 9a58353 commit 8c4ac02

1 file changed

Lines changed: 12 additions & 0 deletions

File tree

‎adev/shared-docs/styles/docs/_decorative-header.scss‎

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -82,6 +82,18 @@
8282
.docs-breadcrumb span {
8383
color: white !important;
8484
}
85+
86+
// The edit link sits on the gradient, where the default gray icon color
87+
// doesn't have enough contrast.
88+
.docs-page-title a {
89+
docs-icon {
90+
color: color-mix(in srgb, white 70%, transparent);
91+
}
92+
93+
&:hover docs-icon {
94+
color: #fff;
95+
}
96+
}
8597
}
8698

8799
svg {

0 commit comments

Comments
 (0)