remove color() function on ContactPersonItem.css

folio-org · Dec 5, 2023 · 3e371d3 · 3e371d3
1 parent d0fdfef
commit 3e371d3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,6 +9,7 @@
 * Modify summary display in organization view mode. Refs UIORGS-398.
 * Protection of viewing and changes of banking information by permissions. Refs UIORGS-388.
 * Search organization on bank account number. Refs UIORGS-392.
+* Factor away from unsupported `color()` function. Refs UIORGS-416.
 
 ## [5.0.0](https://github.com/folio-org/ui-organizations/tree/v5.0.0) (2023-10-12)
 [Full Changelog](https://github.com/folio-org/ui-organizations/compare/v4.0.0...v5.0.0)

diff --git a/src/ContactPeople/ContactPerson/ContactPersonItem/ContactPersonItem.css b/src/ContactPeople/ContactPerson/ContactPersonItem/ContactPersonItem.css
@@ -16,7 +16,7 @@
 
 .contactPersonItemContent {
   padding: 14px;
-  background-color: color(var(--bg) blend(var(--bg-hover) 20%));
+  background-color: color-mix(in oklch, var(--bg), var(--bg-hover) 20%);
   width: 100%;
 }