@visns-studio/visns-components 6.15.1 → 6.15.3

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 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.1",
98
+ "version": "6.15.3",
99
99
  "description": "Various packages to assist in the development of our Custom Applications.",
100
100
  "main": "src/index.js",
101
101
  "files": [
@@ -3141,11 +3141,11 @@ const DataGrid = forwardRef(
3141
3141
  backgroundColor:
3142
3142
  'var(--light-bg-color, #f5f5f5)',
3143
3143
  borderRadius: '4px',
3144
- padding: '4px',
3145
- width: '28px',
3146
- height: '28px',
3144
+ padding: '3px',
3145
+ width: '26px',
3146
+ height: '26px',
3147
3147
  boxShadow: '0 1px 2px rgba(0,0,0,0.05)',
3148
- margin: '0 1px',
3148
+ margin: 0,
3149
3149
  cursor: 'pointer',
3150
3150
  }}
3151
3151
  >
@@ -3190,11 +3190,11 @@ const DataGrid = forwardRef(
3190
3190
  backgroundColor:
3191
3191
  'var(--light-bg-color, #f5f5f5)',
3192
3192
  borderRadius: '4px',
3193
- padding: '4px',
3194
- width: '28px',
3195
- height: '28px',
3193
+ padding: '3px',
3194
+ width: '26px',
3195
+ height: '26px',
3196
3196
  boxShadow: '0 1px 2px rgba(0,0,0,0.05)',
3197
- margin: '0 1px',
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
- className={styles.tdaction}
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
  />
@@ -3279,8 +3283,8 @@ const DataGrid = forwardRef(
3279
3283
  key={`coding-slot-${config.id[0]}-${configKey}`}
3280
3284
  style={{
3281
3285
  display: 'inline-flex',
3282
- width: '28px',
3283
- height: '28px',
3286
+ width: '26px',
3287
+ height: '26px',
3284
3288
  margin: '0 1px',
3285
3289
  }}
3286
3290
  />
@@ -3292,15 +3296,18 @@ const DataGrid = forwardRef(
3292
3296
  return (
3293
3297
  <div
3294
3298
  style={{
3295
- display: 'inline-flex', // Changed to inline-flex to keep icons in a single row
3296
- flexWrap: 'nowrap', // Prevent wrapping
3299
+ // One row of fixed slots, left-aligned so every slot
3300
+ // lands in the same place on every row (the other
3301
+ // coding columns - clients, workflow - read that way).
3302
+ display: 'flex',
3303
+ flexWrap: 'nowrap',
3297
3304
  alignItems: 'center',
3298
3305
  justifyContent: 'flex-start',
3299
- gap: '1px', // Reduced gap since we have margins on the icons
3300
- padding: '2px 0',
3306
+ gap: '2px',
3307
+ width: '100%',
3308
+ padding: 0,
3301
3309
  minHeight: '24px',
3302
- maxWidth: '100%',
3303
- overflow: 'hidden', // Hide overflow if too many icons
3310
+ overflow: 'hidden',
3304
3311
  }}
3305
3312
  >
3306
3313
  {icons.length > 0 ? (