utn-cli 2.1.16 → 2.1.17

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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "utn-cli",
3
- "version": "2.1.16",
3
+ "version": "2.1.17",
4
4
  "description": "Herramienta CLI unificada para la gestión de plantillas en SIGU.",
5
5
  "main": "index.js",
6
6
  "type": "module",
@@ -120,7 +120,8 @@
120
120
  flex: 1;
121
121
  display: flex;
122
122
  flex-direction: column;
123
- min-width: 0; /* Evita que el flex desborde */
123
+ min-width: 0;
124
+ overflow: hidden;
124
125
  }
125
126
 
126
127
  .item-titulo {
@@ -162,6 +163,20 @@
162
163
  white-space: nowrap;
163
164
  }
164
165
 
166
+ .detalle-browser {
167
+ min-width: 0;
168
+ max-width: 100%;
169
+ overflow: hidden;
170
+ }
171
+
172
+ .texto-browser {
173
+ overflow: hidden;
174
+ text-overflow: ellipsis;
175
+ white-space: nowrap;
176
+ min-width: 0;
177
+ flex: 1;
178
+ }
179
+
165
180
  .item-detalles mat-icon {
166
181
  font-size: 14px;
167
182
  width: 14px;
@@ -40,7 +40,7 @@
40
40
  <mat-icon>{{ item.Dispositivo === 'Móvil' ? 'smartphone' : (item.Dispositivo === 'Tablet' ? 'tablet' : 'laptop') }}</mat-icon>
41
41
  {{ item.Dispositivo }}
42
42
  </span>
43
- <span class="detalle-browser"><mat-icon>public</mat-icon> {{ item.Navegador }}</span>
43
+ <span class="detalle-browser"><mat-icon>public</mat-icon><span class="texto-browser">{{ item.Navegador }}</span></span>
44
44
  <span class="detalle-ip"><mat-icon>lan</mat-icon> {{ item.IP }}</span>
45
45
  <span class="detalle-pais"><mat-icon>location_on</mat-icon> {{ item.Pais }}</span>
46
46
  </div>
@@ -237,6 +237,8 @@ tr.example-element-row:hover {
237
237
  display: block !important;
238
238
  background: transparent !important;
239
239
  border: none !important;
240
+ width: 100% !important;
241
+ min-width: 0 !important;
240
242
  }
241
243
 
242
244
  /* Ocultar el encabezado por completo */
@@ -254,6 +256,8 @@ tr.example-element-row:hover {
254
256
  box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
255
257
  height: auto !important;
256
258
  border: 1px solid #eee !important;
259
+ width: 100% !important;
260
+ box-sizing: border-box !important;
257
261
  }
258
262
 
259
263
  /* 3. Convertir cada CELDA en una línea con espacio entre nombre y valor */
@@ -5,7 +5,7 @@
5
5
  .modulo-card {
6
6
  position: relative;
7
7
  width: 300px;
8
- /* Reduced from 380px */
8
+ max-width: calc(100% - 20px);
9
9
  height: 220px;
10
10
  border-radius: 25px;
11
11
  overflow: hidden;
@@ -199,12 +199,38 @@
199
199
  width: 100%;
200
200
  min-width: 0;
201
201
  }
202
+
203
+ .pie {
204
+ flex-wrap: wrap;
205
+ font-size: 13px;
206
+ gap: 4px;
207
+ }
208
+
209
+ .pie-col.izquierda {
210
+ font-size: 11px;
211
+ overflow: hidden;
212
+ text-overflow: ellipsis;
213
+ white-space: nowrap;
214
+ }
202
215
  }
203
216
 
204
217
  @media (max-width: 480px) {
205
218
  .encabezado {
206
219
  font-size: 18px;
207
220
  }
221
+
222
+ .pie-col.izquierda {
223
+ display: none;
224
+ }
225
+
226
+ .pie-col.centro {
227
+ flex: 1;
228
+ justify-content: center;
229
+ }
230
+
231
+ .pie-col.derecha {
232
+ flex: 0 1 auto;
233
+ }
208
234
  }
209
235
 
210
236
  /* Pie */