8218. Fixed disabled color for colorpicker

infor-design · Dec 22, 2023 · c2894a3 · c2894a3
1 parent 33216b2
commit c2894a3
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/app/views/components/datagrid/test-editable-colorpicker.html b/app/views/components/datagrid/test-editable-colorpicker.html
@@ -15,6 +15,7 @@
     // Some Sample Data
     data.push({ id: 1, productId: 2241202, productName: 'Different Compressor', comment: 'Some comments about the item', activity:  'Inspect and Repair', quantity: 2, price: 210.99, status: '', orderDate: new Date(2015, 7, 3), action: 'On Hold', ordered: true, setting: {optionOne: 'One', optionTwo: 'One'}, color: '#66A140'});
     data.push({ id: 2, productId: 2445204, productName: 'Another Compressor', comment: 'Some comments about the item', activity:  'Assemble Paint', quantity: 9, price: 210.99, status: 'OK', orderDate: new Date(2015, 3, 3), action: 'Action', ordered: true});
+    data.push({ id: 3, productId: 2241203, productName: 'Disabled Compressor', isRowDisabled: true, comment: 'Some comments about the item', activity:  'Inspect and Repair', quantity: 3, price: 213.99, status: 'OK', orderDate: new Date(2015, 3, 3), action: 'On Hold', ordered: true, setting: {optionOne: 'One', optionTwo: 'One'}, color: '#E66467'});
 
     //Define Columns for the Grid.
     columns.push({ id: 'productDesc', resizable: false, name: 'Product Desc', sortable: false, field: 'productName', formatter: Soho.Formatters.Hyperlink, width: 200});

diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
@@ -27,6 +27,7 @@
 - `[Datagrid]` Fixed tab key navigation when using actionable mode when having editor. ([#8141](https://github.com/infor-design/enterprise/issues/8141))
 - `[Datagrid]` Fixed tab key navigation when using actionable mode when having formatter. ([#8245](https://github.com/infor-design/enterprise/issues/8245))
 - `[Datagrid]` Fixed invisible color on required icon in datagrid. ([#8260](https://github.com/infor-design/enterprise/issues/8260))
+- `[Datagrid]` Fixed disabled color for colorpicker. ([#8218](https://github.com/infor-design/enterprise/issues/8218))
 - `[Dropdown]` Fixed a bug where list is broken when empty icon is in the first option. ([#8105](https://github.com/infor-design/enterprise/issues/8105))
 - `[Message]` Fixed success icon alignment in message header. ([#8240](https://github.com/infor-design/enterprise/issues/8240))
 - `[Pager]` Fixed double call on update pager when using keydown. ([#8156](https://github.com/infor-design/enterprise/issues/8156))

diff --git a/src/components/datagrid/_datagrid.scss b/src/components/datagrid/_datagrid.scss
@@ -2309,7 +2309,8 @@ $datagrid-small-row-height: 25px;
       td {
         color: $disabled-color;
 
-        .trigger {
+        .trigger,
+        .trigger .colorpicker {
           color: $disabled-color;
         }