Skip to content

Commit 1d81810

Browse files
robinmolensergei-maertens
authored andcommitted
💄 [#4949] Modal close button on dark mode
The modal close button changes color based on the light/dark mode of the page. In addition, focus now increases the button opacity, making it more user-friendly Backport-of: #4950
1 parent 4ad3c9b commit 1d81810

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

src/openforms/scss/components/admin/_ReactModal.scss

+5-1
Original file line numberDiff line numberDiff line change
@@ -64,10 +64,14 @@
6464
top: 20px;
6565
right: 20px;
6666
cursor: pointer;
67+
color: var(--body-fg);
68+
background: transparent;
69+
border: none;
6770
opacity: 0.5;
6871
line-height: 1;
6972

70-
&:hover {
73+
&:hover,
74+
&:focus {
7175
opacity: 0.8;
7276
}
7377
}

0 commit comments

Comments
 (0)