Skip to content

Commit

Permalink
Merge pull request #3290 from kristenwang/new
Browse files Browse the repository at this point in the history
add forced-color style for byop close button
  • Loading branch information
kristenwang authored Nov 8, 2023
2 parents 3f83fba + 33086ea commit b4ba7ef
Showing 1 changed file with 11 additions and 4 deletions.
15 changes: 11 additions & 4 deletions src/runtime/audience-action-local-ui.ts
Original file line number Diff line number Diff line change
Expand Up @@ -125,23 +125,30 @@ const OPT_IN_CLOSE_BUTTON_CSS = css`
border-radius: 20px;
height: 24px;
width: 24px;
background: #5f6368;
-webkit-mask: url(https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/close/default/24px.svg)
center/contain no-repeat;
}
.opt-in-close-button:hover,
.opt-in-close-button:focus {
background-color: #f2f8ff;
}
@media (forced-colors: active) {
.opt-in-close-img {
background: buttonText;
}
}
`;

export const OPT_IN_CLOSE_BUTTON_HTML = html`<style>
${OPT_IN_CLOSE_BUTTON_CSS}
</style>
<div class="opt-in-close-button-container">
<button aria-label="$CLOSE_BUTTON_DESCRIPTION$" class="opt-in-close-button">
<div class="opt-in-close-img"></div>
<img
class="opt-in-close-img"
src="https://fonts.gstatic.com/s/i/short-term/release/googlesymbols/close/default/24px.svg"
alt="Close button"
/>
</button>
</div>`;

Expand Down

0 comments on commit b4ba7ef

Please sign in to comment.