general-library-union 2.7.90 → 2.7.92

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/styles/primeng/sass/overrides/_theme_styles.scss +36 -15
  3. package/src/styles/primeng/sass/overrides/_theme_styles_dark.scss +36 -16
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "general-library-union",
3
- "version": "2.7.90",
3
+ "version": "2.7.92",
4
4
  "private": false,
5
5
  "peerDependencies": {
6
6
  "@angular/animations": "^18.0.4",
package/src/styles/primeng/sass/overrides/_theme_styles.scss CHANGED
@@ -1256,6 +1256,12 @@ min-height: 60px !important;
1256
1256
  color: #ffffff;
1257
1257
  }
1258
1258
 
1259
+ @media (max-width:1440px){
1260
+ .UploadFoto-btn {
1261
+ width: 18.5%;
1262
+ }
1263
+ }
1264
+
1259
1265
  @media (max-width:1300px){
1260
1266
  .hojavida {
1261
1267
  width: 78.5%;
@@ -1338,7 +1344,7 @@ min-height: 60px !important;
1338
1344
 
1339
1345
 
1340
1346
 
1341
- span.p-ripple.p-element.p-button.p-component.p-fileupload-choose {
1347
+ .UploadFoto-btn span.p-ripple.p-element.p-button.p-component.p-fileupload-choose {
1342
1348
  width: 30px;
1343
1349
  border-radius: 50%;
1344
1350
  min-width: 36px;
@@ -1349,11 +1355,11 @@ min-height: 60px !important;
1349
1355
  }
1350
1356
 
1351
1357
 
1352
- .p-fileupload.p-fileupload-basic .p-button-label {
1358
+ .UploadFoto-btn .p-fileupload.p-fileupload-basic .p-button-label {
1353
1359
  display: none;
1354
1360
  }
1355
1361
 
1356
- .p-fileupload.p-fileupload-basic {
1362
+ .UploadFoto-btn .p-fileupload.p-fileupload-basic {
1357
1363
  position: absolute;
1358
1364
  top: 110px;
1359
1365
  right: 40px;
@@ -1363,7 +1369,7 @@ min-height: 60px !important;
1363
1369
  margin-top: 0px !important;
1364
1370
  }
1365
1371
 
1366
- span.p-ripple.p-element.p-button.p-component.p-fileupload-choose {
1372
+ .UploadFoto-btn span.p-ripple.p-element.p-button.p-component.p-fileupload-choose {
1367
1373
  position: absolute;
1368
1374
  top: -50px;
1369
1375
  left: -40px;
@@ -1371,7 +1377,7 @@ min-height: 60px !important;
1371
1377
  height: 30px;
1372
1378
  }
1373
1379
 
1374
- span.p-ripple.p-element.p-button.p-component.p-fileupload-choose span {
1380
+ .UploadFoto-btn span.p-ripple.p-element.p-button.p-component.p-fileupload-choose span {
1375
1381
  margin: 0px -4px;
1376
1382
  }
1377
1383
 
@@ -1379,7 +1385,7 @@ min-height: 60px !important;
1379
1385
  margin: -13px -4px 0;
1380
1386
  }
1381
1387
 
1382
- span.p-button-icon.p-button-icon-left.pi.pi-plus {
1388
+ .UploadFoto-btn span.p-button-icon.p-button-icon-left.pi.pi-plus {
1383
1389
  margin-left: -4px;
1384
1390
  margin-top: 3px;
1385
1391
  }
@@ -1398,7 +1404,7 @@ min-height: 60px !important;
1398
1404
  max-height: 600px;
1399
1405
  margin-bottom: 30px;
1400
1406
  top: 0;
1401
- }
1407
+ }
1402
1408
 
1403
1409
  .hojavida {
1404
1410
  width: 100%;
@@ -1413,7 +1419,7 @@ min-height: 60px !important;
1413
1419
 
1414
1420
 
1415
1421
 
1416
- span.p-ripple.p-element.p-button.p-component.p-fileupload-choose {
1422
+ .UploadFoto-btn span.p-ripple.p-element.p-button.p-component.p-fileupload-choose {
1417
1423
  width: 30px;
1418
1424
  border-radius: 50%;
1419
1425
  min-width: 36px;
@@ -1424,23 +1430,23 @@ min-height: 60px !important;
1424
1430
  }
1425
1431
 
1426
1432
 
1427
- .p-fileupload.p-fileupload-basic .p-button-label {
1433
+ .UploadFoto-btn .p-fileupload.p-fileupload-basic .p-button-label {
1428
1434
  display: none;
1429
1435
  }
1430
1436
 
1431
- .p-fileupload.p-fileupload-basic {
1437
+ .UploadFoto-btn .p-fileupload.p-fileupload-basic {
1432
1438
  position: initial;
1433
1439
  display: flex;
1434
1440
  justify-content: center;
1435
1441
  display: flex;
1436
1442
  justify-content: center;
1437
- align-items: center;
1438
- }
1439
- .mbottom {
1443
+ align-items: center;
1444
+ }
1445
+ .mbottom {
1440
1446
  margin-top: 0px !important;
1441
1447
  }
1442
1448
 
1443
- span.p-ripple.p-element.p-button.p-component.p-fileupload-choose {
1449
+ .UploadFoto-btn span.p-ripple.p-element.p-button.p-component.p-fileupload-choose {
1444
1450
  position: relative;
1445
1451
  top: -32px;
1446
1452
  left: -36px;
@@ -1449,7 +1455,7 @@ min-height: 60px !important;
1449
1455
  border: none;
1450
1456
  }
1451
1457
 
1452
- span.p-ripple.p-element.p-button.p-component.p-fileupload-choose span {
1458
+ .UploadFoto-btn span.p-ripple.p-element.p-button.p-component.p-fileupload-choose span {
1453
1459
  margin: 0px -4px;
1454
1460
  }
1455
1461
 
@@ -1472,6 +1478,21 @@ min-height: 60px !important;
1472
1478
  }
1473
1479
 
1474
1480
 
1481
+ @media (max-width:425px){
1482
+ .hojavida .p-tabview.p-component .justify-content-end {
1483
+ display: table !important;
1484
+ width: 100% !important;
1485
+ }
1486
+ .hojavida .p-tabview.p-component .justify-content-end button {
1487
+ display: table;
1488
+ width: 100%;
1489
+ margin: 0 !important;
1490
+ margin-top: 10px !important;
1491
+ font-size: 1rem !important;
1492
+ padding-top: 10px;
1493
+ }
1494
+ }
1495
+
1475
1496
 
1476
1497
  /******************************************************************************
1477
1498
  * CARD INSTRUCCIONES styles
package/src/styles/primeng/sass/overrides/_theme_styles_dark.scss CHANGED
@@ -1238,7 +1238,7 @@ body {
1238
1238
  background: var(--color-400);
1239
1239
  }
1240
1240
 
1241
- .p-button.p-fileupload-choose {
1241
+ .UploadFoto-btn .p-button.p-fileupload-choose {
1242
1242
  position: relative;
1243
1243
  overflow: hidden;
1244
1244
  background: transparent;
@@ -1248,7 +1248,7 @@ body {
1248
1248
  }
1249
1249
 
1250
1250
 
1251
- .p-fileupload-choose:not(.p-disabled):hover {
1251
+ .UploadFoto-btn .p-fileupload-choose:not(.p-disabled):hover {
1252
1252
  color: #ffffff;
1253
1253
  background: #39373f !important;
1254
1254
  box-shadow: 0px 0px 8px 10px #1a1a1a45;
@@ -1256,12 +1256,12 @@ body {
1256
1256
  border: solid 1px;
1257
1257
  }
1258
1258
 
1259
- .p-button.p-fileupload-choose plusicon {
1259
+ .UploadFoto-btn .p-button.p-fileupload-choose plusicon {
1260
1260
  width: 18px;
1261
1261
  }
1262
1262
 
1263
1263
 
1264
- .UploadFoto-btn .p-progressbar .p-progressbar-label {
1264
+ .UploadFoto-btn .UploadFoto-btn .p-progressbar .p-progressbar-label {
1265
1265
  color: white;
1266
1266
  }
1267
1267
 
@@ -1316,6 +1316,12 @@ body {
1316
1316
  color: white;
1317
1317
  }
1318
1318
 
1319
+ @media (max-width:1440px){
1320
+ .UploadFoto-btn {
1321
+ width: 18.5%;
1322
+ }
1323
+ }
1324
+
1319
1325
  @media (max-width:1300px){
1320
1326
  .hojavida {
1321
1327
  width: 78.5%;
@@ -1397,7 +1403,7 @@ body {
1397
1403
 
1398
1404
 
1399
1405
 
1400
- span.p-ripple.p-element.p-button.p-component.p-fileupload-choose {
1406
+ .UploadFoto-btn span.p-ripple.p-element.p-button.p-component.p-fileupload-choose {
1401
1407
  width: 30px;
1402
1408
  border-radius: 50%;
1403
1409
  min-width: 36px;
@@ -1408,11 +1414,11 @@ body {
1408
1414
  }
1409
1415
 
1410
1416
 
1411
- .p-fileupload.p-fileupload-basic .p-button-label {
1417
+ .UploadFoto-btn .p-fileupload.p-fileupload-basic .p-button-label {
1412
1418
  display: none;
1413
1419
  }
1414
1420
 
1415
- .p-fileupload.p-fileupload-basic {
1421
+ .UploadFoto-btn .p-fileupload.p-fileupload-basic {
1416
1422
  position: absolute;
1417
1423
  top: 110px;
1418
1424
  right: 40px;
@@ -1422,7 +1428,7 @@ body {
1422
1428
  margin-top: 0px !important;
1423
1429
  }
1424
1430
 
1425
- span.p-ripple.p-element.p-button.p-component.p-fileupload-choose {
1431
+ .UploadFoto-btn span.p-ripple.p-element.p-button.p-component.p-fileupload-choose {
1426
1432
  position: absolute;
1427
1433
  top: -50px;
1428
1434
  left: -40px;
@@ -1430,7 +1436,7 @@ body {
1430
1436
  height: 30px;
1431
1437
  }
1432
1438
 
1433
- span.p-ripple.p-element.p-button.p-component.p-fileupload-choose span {
1439
+ .UploadFoto-btn span.p-ripple.p-element.p-button.p-component.p-fileupload-choose span {
1434
1440
  margin: 0px -4px;
1435
1441
  }
1436
1442
 
@@ -1438,7 +1444,7 @@ body {
1438
1444
  margin: -13px -4px 0;
1439
1445
  }
1440
1446
 
1441
- span.p-button-icon.p-button-icon-left.pi.pi-plus {
1447
+ .UploadFoto-btn span.p-button-icon.p-button-icon-left.pi.pi-plus {
1442
1448
  margin-left: -4px;
1443
1449
  margin-top: 3px;
1444
1450
  }
@@ -1471,7 +1477,7 @@ body {
1471
1477
 
1472
1478
 
1473
1479
 
1474
- span.p-ripple.p-element.p-button.p-component.p-fileupload-choose {
1480
+ .UploadFoto-btn span.p-ripple.p-element.p-button.p-component.p-fileupload-choose {
1475
1481
  width: 30px;
1476
1482
  border-radius: 50%;
1477
1483
  min-width: 36px;
@@ -1482,11 +1488,11 @@ body {
1482
1488
  }
1483
1489
 
1484
1490
 
1485
- .p-fileupload.p-fileupload-basic .p-button-label {
1491
+ .UploadFoto-btn .p-fileupload.p-fileupload-basic .p-button-label {
1486
1492
  display: none;
1487
1493
  }
1488
1494
 
1489
- .p-fileupload.p-fileupload-basic {
1495
+ .UploadFoto-btn .p-fileupload.p-fileupload-basic {
1490
1496
  position: initial;
1491
1497
  display: flex;
1492
1498
  justify-content: center;
@@ -1498,7 +1504,7 @@ body {
1498
1504
  margin-top: 0px !important;
1499
1505
  }
1500
1506
 
1501
- span.p-ripple.p-element.p-button.p-component.p-fileupload-choose {
1507
+ .UploadFoto-btn span.p-ripple.p-element.p-button.p-component.p-fileupload-choose {
1502
1508
  position: relative;
1503
1509
  top: -32px;
1504
1510
  left: -36px;
@@ -1507,7 +1513,7 @@ body {
1507
1513
  border: none;
1508
1514
  }
1509
1515
 
1510
- span.p-ripple.p-element.p-button.p-component.p-fileupload-choose span {
1516
+ .UploadFoto-btn span.p-ripple.p-element.p-button.p-component.p-fileupload-choose span {
1511
1517
  margin: 0px -4px;
1512
1518
  }
1513
1519
 
@@ -1515,7 +1521,7 @@ body {
1515
1521
  margin: -13px -4px 0;
1516
1522
  }
1517
1523
 
1518
- span.p-button-icon.p-button-icon-left.pi.pi-plus {
1524
+ .UploadFoto-btn span.p-button-icon.p-button-icon-left.pi.pi-plus {
1519
1525
  margin-left: -4px;
1520
1526
  margin-top: 3px;
1521
1527
  }
@@ -1532,6 +1538,20 @@ body {
1532
1538
 
1533
1539
  }
1534
1540
 
1541
+ @media (max-width:425px){
1542
+ .hojavida .p-tabview.p-component .justify-content-end {
1543
+ display: table !important;
1544
+ width: 100% !important;
1545
+ }
1546
+ .hojavida .p-tabview.p-component .justify-content-end button {
1547
+ display: table;
1548
+ width: 100%;
1549
+ margin: 0 !important;
1550
+ margin-top: 10px !important;
1551
+ font-size: 1rem !important;
1552
+ padding-top: 10px;
1553
+ }
1554
+ }
1535
1555
  /******************************************************************************
1536
1556
  * CARD INSTRUCCIONES styles
1537
1557
  *****************************************************************************/