@visns-studio/visns-components 6.15.1 → 6.15.2
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.
- package/package.json +1 -1
- package/src/components/DataGrid.jsx +16 -10
package/package.json
CHANGED
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
96
96
|
},
|
|
97
97
|
"name": "@visns-studio/visns-components",
|
|
98
|
-
"version": "6.15.
|
|
98
|
+
"version": "6.15.2",
|
|
99
99
|
"description": "Various packages to assist in the development of our Custom Applications.",
|
|
100
100
|
"main": "src/index.js",
|
|
101
101
|
"files": [
|
|
@@ -3145,7 +3145,7 @@ const DataGrid = forwardRef(
|
|
|
3145
3145
|
width: '28px',
|
|
3146
3146
|
height: '28px',
|
|
3147
3147
|
boxShadow: '0 1px 2px rgba(0,0,0,0.05)',
|
|
3148
|
-
margin:
|
|
3148
|
+
margin: 0,
|
|
3149
3149
|
cursor: 'pointer',
|
|
3150
3150
|
}}
|
|
3151
3151
|
>
|
|
@@ -3194,7 +3194,7 @@ const DataGrid = forwardRef(
|
|
|
3194
3194
|
width: '28px',
|
|
3195
3195
|
height: '28px',
|
|
3196
3196
|
boxShadow: '0 1px 2px rgba(0,0,0,0.05)',
|
|
3197
|
-
margin:
|
|
3197
|
+
margin: 0,
|
|
3198
3198
|
cursor: 'pointer',
|
|
3199
3199
|
}}
|
|
3200
3200
|
>
|
|
@@ -3203,8 +3203,12 @@ const DataGrid = forwardRef(
|
|
|
3203
3203
|
data-tooltip-content={tooltipContent}
|
|
3204
3204
|
strokeWidth={2}
|
|
3205
3205
|
size={18}
|
|
3206
|
-
|
|
3206
|
+
// Not styles.tdaction: that class carries
|
|
3207
|
+
// the action column's 16px bottom margin
|
|
3208
|
+
// and padding, which pushed these icons
|
|
3209
|
+
// out of line with the row.
|
|
3207
3210
|
style={{
|
|
3211
|
+
display: 'block',
|
|
3208
3212
|
color: 'var(--primary-color, #4a90e2)',
|
|
3209
3213
|
}}
|
|
3210
3214
|
/>
|
|
@@ -3292,15 +3296,17 @@ const DataGrid = forwardRef(
|
|
|
3292
3296
|
return (
|
|
3293
3297
|
<div
|
|
3294
3298
|
style={{
|
|
3295
|
-
|
|
3296
|
-
|
|
3299
|
+
// Same shape as the action column's cluster: one row,
|
|
3300
|
+
// a small even gap, centred in the cell.
|
|
3301
|
+
display: 'flex',
|
|
3302
|
+
flexWrap: 'nowrap',
|
|
3297
3303
|
alignItems: 'center',
|
|
3298
|
-
justifyContent: '
|
|
3299
|
-
gap: '
|
|
3300
|
-
|
|
3304
|
+
justifyContent: 'center',
|
|
3305
|
+
gap: '4px',
|
|
3306
|
+
width: '100%',
|
|
3307
|
+
padding: 0,
|
|
3301
3308
|
minHeight: '24px',
|
|
3302
|
-
|
|
3303
|
-
overflow: 'hidden', // Hide overflow if too many icons
|
|
3309
|
+
overflow: 'hidden',
|
|
3304
3310
|
}}
|
|
3305
3311
|
>
|
|
3306
3312
|
{icons.length > 0 ? (
|