x4js 2.2.70 → 2.2.71

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/gridview/gridview.ts +7 -1
  3. package/src/components/propgrid/progrid.module.scss +3 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "x4js",
3
- "version": "2.2.70",
3
+ "version": "2.2.71",
4
4
  "type": "module",
5
5
  "main": "src/x4.ts",
6
6
  "module": "src/x4.ts",
package/src/components/gridview/gridview.ts CHANGED
@@ -57,6 +57,7 @@ export interface GridColumn {
57
57
  formatter?: (input: any) => string; // for "custom" type
58
58
  type?: ColType;
59
59
  cls?: string;
60
+ tooltip?: boolean; // allow tooltip for each cell of thi column
60
61
  sortable?: boolean | SortCallback;
61
62
  footer_val?: string;
62
63
  classifier?: CellClassifier;
@@ -777,7 +778,12 @@ export class Gridview<P extends GridviewProps = GridviewProps, E extends Gridvie
777
778
  }
778
779
  }
779
780
 
780
- return new Component({ tag: "span", cls, content: data });
781
+ return new Component({
782
+ tag: "span",
783
+ cls,
784
+ content: data,
785
+ tooltip: column.tooltip ? data : undefined
786
+ });
781
787
  }
782
788
 
783
789
  /**
package/src/components/propgrid/progrid.module.scss CHANGED
@@ -12,6 +12,8 @@
12
12
  --propertygrid-odd-background: var(--color-primary-a5);
13
13
  --propertygrid-even-background: transparent;
14
14
  --propertygrid-disabled-background: rgb(170 170 170 / 14%);
15
+
16
+ --propertygrid-group-background: var( --color-primary-a5 );
15
17
  }
16
18
 
17
19
  .x4propertygrid {
@@ -43,7 +45,7 @@
43
45
  .group {
44
46
  padding: 6px 4px 4px 4px;
45
47
  min-height: 2em;
46
- background-color: var( --background-secondary );
48
+ background-color: var( --propertygrid-group-background );
47
49
  margin-bottom: 8px;
48
50
  box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.4);
49
51
  color: var(--color-primary-a50);