@visns-studio/visns-components 6.3.13 → 6.3.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/styles/DataGrid.module.scss +10 -8
package/package.json CHANGED
@@ -91,7 +91,7 @@
91
91
  "react-dom": "^17.0.0 || ^18.0.0"
92
92
  },
93
93
  "name": "@visns-studio/visns-components",
94
- "version": "6.3.13",
94
+ "version": "6.3.14",
95
95
  "description": "Various packages to assist in the development of our Custom Applications.",
96
96
  "main": "src/index.js",
97
97
  "files": [
package/src/components/styles/DataGrid.module.scss CHANGED
@@ -83,15 +83,17 @@
83
83
  }
84
84
  }
85
85
 
86
- // A `rowColours` tint arrives as an inline background on the ROW element,
87
- // but the banding above paints the cell-wrap CHILD, which sits on top — so
88
- // on odd rows the stripe swallowed the tint and only even rows showed their
89
- // urgency colour. A tinted row (marked by rowClassName in DataGrid.jsx)
90
- // clears its cell-wrap so the row's own colour reads on every row. Must
91
- // stay AFTER the banding rule: same specificity, order decides. Hover is
92
- // unaffected — its background is `!important` on the hover target.
86
+ // A `rowColours` tint arrives as an inline background on the ROW element.
87
+ // The grid's base.css gives the cell-wrap `background: inherit`, which is
88
+ // how the tint normally reaches the eye — but the banding above replaces
89
+ // that with the alternate colour, so on odd rows the stripe swallowed the
90
+ // tint. A tinted row (marked by rowClassName in DataGrid.jsx) restores
91
+ // `inherit` — NOT `transparent`, which would break the inheritance chain
92
+ // the tint travels through. Must stay AFTER the banding rule: same
93
+ // specificity, order decides. Hover is unaffected — its background is
94
+ // `!important` on the hover target.
93
95
  .tintedRow :global(.InovuaReactDataGrid__row-cell-wrap) {
94
- background: transparent;
96
+ background: inherit;
95
97
  }
96
98
 
97
99
  .InovuaReactDataGrid__row-hover-target:hover {