Verified Commit 9947041b authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3377207 by bnjmnm, smustgrave: Dialog close icon not reliably visible in forced colors mode

parent 38e90839

core/themes/claro/css/components/dialog.css

+6 −0
Original line number Diff line number Diff line
@@ -101,6 +101,12 @@ 
  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='%23D3D4D9' stroke-width='1.5'/%3e%3c/svg%3e") no-repeat 50%;

}



@media (forced-colors: active) {

  .ui-dialog .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%;

  }

}



.ui-dialog > .ui-dialog-content {

  overflow: auto;

  padding: var(--space-m) var(--space-l);

core/themes/claro/css/components/dialog.pcss.css

+6 −0
Original line number Diff line number Diff line
@@ -89,6 +89,12 @@ 
  background: url(../../images/icons/d3d4d9/ex.svg) no-repeat 50%;

}



@media (forced-colors: active) {

  .ui-dialog .ui-icon.ui-icon-closethick {

    background: url(../../images/icons/buttonText/ex.svg) no-repeat 50%;

  }

}



.ui-dialog > .ui-dialog-content {

  overflow: auto;

  padding: var(--space-m) var(--space-l);

core/themes/claro/images/icons/buttonText/ex.svg

0 → 100644
+1 −0
Original line number Diff line number Diff line 
<svg width="12" height="12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 1.318l-10 10M11 11.318l-10-10" stroke="buttonText" stroke-width="1.5"/></svg>