@portnet/ui 3.1.4 → 3.1.6
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.
|
@@ -74,7 +74,7 @@ const TableCard = (0, _styles.styled)(_material.Box)(() => ({
|
|
|
74
74
|
// Afficher les actions de cette ligne spécifique au survol
|
|
75
75
|
'& .actions-section': {
|
|
76
76
|
opacity: 1,
|
|
77
|
-
transform: '
|
|
77
|
+
transform: 'translate(-50%, -50%)',
|
|
78
78
|
transitionDelay: '0.1s'
|
|
79
79
|
},
|
|
80
80
|
// Masquer l'indicateur de points au survol
|
|
@@ -143,12 +143,17 @@ const ColumnValue = (0, _styles.styled)(_material.Typography)(() => ({
|
|
|
143
143
|
const ActionsSection = (0, _styles.styled)(_material.Box)(() => ({
|
|
144
144
|
display: 'flex',
|
|
145
145
|
alignItems: 'center',
|
|
146
|
+
justifyContent: 'center',
|
|
146
147
|
gap: '8px',
|
|
147
148
|
flexShrink: 0,
|
|
148
149
|
opacity: 0,
|
|
149
150
|
transform: 'translateX(10px)',
|
|
150
151
|
transition: 'all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)',
|
|
151
|
-
position: '
|
|
152
|
+
position: 'absolute',
|
|
153
|
+
top: '50%',
|
|
154
|
+
left: '50%',
|
|
155
|
+
transform: 'translate(-50%, -50%)',
|
|
156
|
+
zIndex: 10,
|
|
152
157
|
// Les actions restent toujours cachées, même au hover direct
|
|
153
158
|
// Elles ne s'affichent que via le hover de la card parent
|
|
154
159
|
|
|
@@ -174,7 +179,7 @@ const ActionsSection = (0, _styles.styled)(_material.Box)(() => ({
|
|
|
174
179
|
justifyContent: 'center',
|
|
175
180
|
opacity: 0,
|
|
176
181
|
// Reste caché même sur mobile
|
|
177
|
-
transform: '
|
|
182
|
+
transform: 'translate(-50%, -50%)',
|
|
178
183
|
'&::before': {
|
|
179
184
|
display: 'none' // Pas d'indicateur sur mobile
|
|
180
185
|
}
|
|
@@ -439,23 +444,31 @@ const PuiModernTable = _ref => {
|
|
|
439
444
|
}
|
|
440
445
|
},
|
|
441
446
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DataSection, {
|
|
442
|
-
children: columns.map(column => /*#__PURE__*/(0, _jsxRuntime.
|
|
447
|
+
children: columns.map(column => /*#__PURE__*/(0, _jsxRuntime.jsxs)(DataColumn, {
|
|
443
448
|
style: {
|
|
444
449
|
flex: column.flex || 1
|
|
445
450
|
},
|
|
446
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
|
|
451
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
|
|
447
452
|
sx: {
|
|
448
453
|
fontSize: '12px',
|
|
449
454
|
fontWeight: 600,
|
|
450
|
-
color:
|
|
455
|
+
color: '#029cfd !important',
|
|
451
456
|
textTransform: 'none',
|
|
452
457
|
letterSpacing: '0.3px',
|
|
453
458
|
'& *': {
|
|
454
|
-
color:
|
|
459
|
+
color: '#029cfd !important'
|
|
455
460
|
}
|
|
456
461
|
},
|
|
457
462
|
children: column.label
|
|
458
|
-
})
|
|
463
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(ColumnValue, {
|
|
464
|
+
sx: {
|
|
465
|
+
fontSize: '0px',
|
|
466
|
+
height: '0px',
|
|
467
|
+
margin: '0px',
|
|
468
|
+
padding: '0px',
|
|
469
|
+
visibility: 'hidden'
|
|
470
|
+
}
|
|
471
|
+
})]
|
|
459
472
|
}, column.key))
|
|
460
473
|
})
|
|
461
474
|
}), data.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(TableCard, {
|