impact-nova 2.2.1 → 2.2.2

package/dist/impact-nova-components.css

@@ -211,6 +211,63 @@
   white-space: normal;
 }
 
+/* AG Grid Quartz applies text-overflow:ellipsis on header shells. Custom label
+   text truncates against the header cell (container query), not the sticky label. */
+.ag-header-group-cell-label:has(.ag-react-container),
+.ag-header-group-cell-label > .ag-header-group-text:has(.ag-react-container),
+.ag-header-cell:has(.ag-grid-header-label-cluster) .ag-header-cell-label,
+.ag-header-cell:has(.ag-grid-header-label-cluster) .ag-header-cell-label > .ag-header-cell-text {
+  text-overflow: clip;
+}
+
+.ag-header-group-cell:has(.ag-header-group-text .ag-react-container) {
+  container-type: inline-size;
+}
+
+.ag-header-group-cell-label > .ag-header-group-text:has(.ag-react-container) {
+  display: flex;
+  flex: 0 0 auto;
+  min-width: 0;
+  max-width: calc(100cqi - var(--ag-header-group-expand-icon-size, 1.5rem));
+  overflow: hidden;
+}
+
+.ag-header-group-cell-label .ag-header-group-text .ag-react-container {
+  display: inline-flex;
+  min-width: 0;
+  width: auto;
+  max-width: 100%;
+  overflow: hidden;
+}
+
+.ag-header-cell:has(.ag-grid-header-label-cluster) {
+  container-type: inline-size;
+}
+
+.ag-header-cell:has(.ag-grid-header-label-cluster) .ag-header-cell-label > .ag-header-cell-text {
+  flex: 1 1 auto;
+  min-width: 0;
+  max-width: 100cqi;
+  overflow: hidden;
+}
+
+.ag-grid-header-label-cluster {
+  display: inline-flex;
+  min-width: 0;
+  width: auto;
+  max-width: 100%;
+  align-items: center;
+  column-gap: 0.25rem;
+}
+
+.ag-grid-header-label-cluster > .ag-grid-header-label-text {
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .ag-header-cell:has(.ag-header-cell-search-active),
 .ag-header-cell:has([data-selection-column="true"]) {
   --ag-header-cell-horizontal-padding: 0;
@@ -267,21 +324,8 @@
   display: none;
 }
 
-/* innerHeaderGroupComponent mounts inside AG Grid's .ag-header-group-text shell.
-   Ellipsis on that shell only applies to direct text nodes — constrain the React
-   mount so inner truncation and overflow tooltips work. */
-.ag-header-group-cell-label > .ag-header-group-text:has(.ag-react-container) {
-  display: flex;
-  min-width: 0;
-  flex: 1 1 auto;
-  max-width: 100%;
-}
-
-.ag-header-group-cell-label .ag-header-group-text .ag-react-container {
-  display: flex;
-  min-width: 0;
-  width: 100%;
-  overflow: hidden;
+.ag-header-group-cell-label .ag-header-expand-icon {
+  flex-shrink: 0;
 }
 
 .ag-header-group-cell-with-group {