ngx-dsxlibrary 2.21.44 → 2.21.45
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/README.md
CHANGED
|
@@ -49,10 +49,13 @@ Notas:
|
|
|
49
49
|
|
|
50
50
|
La librería expone un archivo CSS con `@font-face` para que cualquier proyecto consumidor lo importe una sola vez.
|
|
51
51
|
|
|
52
|
+
Tambien expone un archivo de personalizacion base para PrimeNG, para mantener estilos uniformes entre proyectos consumidores.
|
|
53
|
+
|
|
52
54
|
En el `styles.css`/`styles.scss` del proyecto consumidor:
|
|
53
55
|
|
|
54
56
|
```css
|
|
55
57
|
@import "ngx-dsxlibrary/assets/css/fonts.css";
|
|
58
|
+
@import "ngx-dsxlibrary/assets/css/primeng_dsx.css";
|
|
56
59
|
```
|
|
57
60
|
|
|
58
61
|
Las rutas del CSS están definidas como `url("/fonts/...")`, por lo que el proyecto consumidor debe publicar esos archivos en `/fonts`.
|
|
Binary file
|
package/package.json
CHANGED
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
/* Personalización del encabezado de la tabla */
|
|
2
|
+
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
|
|
3
|
+
text-align: center !important;
|
|
4
|
+
color: #d8d6d6;
|
|
5
|
+
background-color: #494949;
|
|
6
|
+
font-family: "Goldman", sans-serif;
|
|
7
|
+
font-weight: 400;
|
|
8
|
+
font-style: normal;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
/* Hover de fila estilo natural: borde completo, sin efecto pegado */
|
|
12
|
+
.p-datatable .p-datatable-tbody > tr {
|
|
13
|
+
transition: background-color 0.16s ease;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.p-datatable .p-datatable-tbody > tr > td {
|
|
17
|
+
transition:
|
|
18
|
+
border-color 0.16s ease,
|
|
19
|
+
box-shadow 0.16s ease,
|
|
20
|
+
color 0.16s ease;
|
|
21
|
+
background-color: transparent !important;
|
|
22
|
+
border-top: 2px solid transparent;
|
|
23
|
+
border-bottom: 2px solid transparent;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.p-datatable .p-datatable-tbody > tr > td:first-child {
|
|
27
|
+
border-left: 2px solid transparent;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.p-datatable .p-datatable-tbody > tr > td:last-child {
|
|
31
|
+
border-right: 2px solid transparent;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.p-datatable .p-datatable-tbody > tr:hover {
|
|
35
|
+
background-color: #dfe3e8 !important; /* Gris un poco más oscuro */
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.p-datatable .p-datatable-tbody > tr:hover > td {
|
|
39
|
+
color: #0f172a !important;
|
|
40
|
+
border-top-color: rgba(134, 239, 172, 0.95);
|
|
41
|
+
border-bottom-color: rgba(134, 239, 172, 0.95);
|
|
42
|
+
box-shadow: 0 0 8px rgba(34, 197, 94, 0.2);
|
|
43
|
+
cursor: pointer;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.p-datatable .p-datatable-tbody > tr:hover > td:first-child {
|
|
47
|
+
border-left-color: rgba(134, 239, 172, 0.95);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.p-datatable .p-datatable-tbody > tr:hover > td:last-child {
|
|
51
|
+
border-right-color: rgba(134, 239, 172, 0.95);
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.p-datatable .p-datatable-tbody > tr:not(:hover) > td {
|
|
55
|
+
background-color: transparent !important;
|
|
56
|
+
border-top-color: transparent !important;
|
|
57
|
+
border-bottom-color: transparent !important;
|
|
58
|
+
box-shadow: none !important;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.p-datatable .p-datatable-tbody > tr:not(:hover) > td:first-child {
|
|
62
|
+
border-left-color: transparent !important;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.p-datatable .p-datatable-tbody > tr:not(:hover) > td:last-child {
|
|
66
|
+
border-right-color: transparent !important;
|
|
67
|
+
}
|
|
Binary file
|