Skip to content
Snippets Groups Projects

Issue #3277262: Convert to SVG mask

Open Issue #3277262: Convert to SVG mask
issue/drupal-3277262:3277262-dialog-close-forced-colors-firefox-chrome into 11.x
Open Kent Richards requested to merge issue/drupal-3277262:3277262-dialog-close-forced-colors-firefox-chrome into 11.x
Compare
and
3 files
+ 4
− 3
Compare changes
  • Side-by-side
  • Inline
Files
3
core/themes/claro/css/components/dialog.css
+ 2
− 1
@@ -96,7 +96,8 @@
@@ -96,7 +96,8 @@
@media (forced-colors: active) {
@media (forced-colors: active) {
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon.ui-icon-closethick {
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon.ui-icon-closethick {
background: url("data:image/svg+xml,%3csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1.318l-10 10M11 11.318l-10-10' stroke='buttonText' stroke-width='1.5'/%3e%3c/svg%3e") no-repeat 50%;
background: buttontext;
 
mask: url("data:image/svg+xml,%3csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11 1.318l-10 10M11 11.318l-10-10' stroke='%23D3D4D9' stroke-width='1.5'/%3e%3c/svg%3e") no-repeat 50%;
}
}
}
}