@pmidc/upyog-css 1.0.48 → 1.0.49
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/dist/index.css +393 -37
- package/dist/index.min.css +1 -1
- package/package.json +1 -1
- package/src/components/datatable.scss +49 -26
- package/src/pages/citizen/loaderMessage.scss +296 -7
package/dist/index.css
CHANGED
|
@@ -2609,42 +2609,60 @@ img, video {
|
|
|
2609
2609
|
line-height: 28px; } }
|
|
2610
2610
|
|
|
2611
2611
|
.data-table {
|
|
2612
|
-
--text-opacity:1;
|
|
2613
2612
|
color: #0d43a7;
|
|
2614
|
-
|
|
2615
|
-
|
|
2616
|
-
|
|
2617
|
-
|
|
2618
|
-
|
|
2619
|
-
|
|
2620
|
-
|
|
2621
|
-
|
|
2622
|
-
|
|
2623
|
-
|
|
2624
|
-
|
|
2625
|
-
|
|
2626
|
-
|
|
2627
|
-
|
|
2628
|
-
|
|
2629
|
-
|
|
2630
|
-
|
|
2631
|
-
|
|
2632
|
-
|
|
2633
|
-
|
|
2634
|
-
|
|
2635
|
-
|
|
2636
|
-
|
|
2637
|
-
|
|
2638
|
-
|
|
2639
|
-
|
|
2640
|
-
|
|
2641
|
-
|
|
2642
|
-
|
|
2643
|
-
|
|
2644
|
-
|
|
2645
|
-
|
|
2646
|
-
|
|
2647
|
-
|
|
2613
|
+
border: 1px solid #ccc;
|
|
2614
|
+
border-radius: 8px;
|
|
2615
|
+
overflow: hidden;
|
|
2616
|
+
width: 100%;
|
|
2617
|
+
border-collapse: collapse;
|
|
2618
|
+
padding-bottom: 0; }
|
|
2619
|
+
|
|
2620
|
+
.data-table .row {
|
|
2621
|
+
display: -webkit-box;
|
|
2622
|
+
display: -ms-flexbox;
|
|
2623
|
+
display: flex;
|
|
2624
|
+
-webkit-box-pack: justify;
|
|
2625
|
+
-ms-flex-pack: justify;
|
|
2626
|
+
justify-content: space-between;
|
|
2627
|
+
-webkit-box-align: center;
|
|
2628
|
+
-ms-flex-align: center;
|
|
2629
|
+
align-items: center;
|
|
2630
|
+
width: 100%;
|
|
2631
|
+
margin-bottom: 0;
|
|
2632
|
+
padding: 15px 30px;
|
|
2633
|
+
border-bottom: 1px solid #e0e0e0;
|
|
2634
|
+
border-bottom: 1px solid var(--border, #e0e0e0); }
|
|
2635
|
+
|
|
2636
|
+
.data-table .row:nth-child(odd) {
|
|
2637
|
+
background-color: #eee; }
|
|
2638
|
+
|
|
2639
|
+
.data-table .row:nth-child(2n) {
|
|
2640
|
+
background-color: #fff; }
|
|
2641
|
+
|
|
2642
|
+
.data-table .row h2 {
|
|
2643
|
+
font-weight: 600;
|
|
2644
|
+
text-align: left;
|
|
2645
|
+
width: 60%;
|
|
2646
|
+
margin: 0; }
|
|
2647
|
+
|
|
2648
|
+
.data-table .row .value {
|
|
2649
|
+
text-align: left;
|
|
2650
|
+
width: 40%;
|
|
2651
|
+
word-break: break-word; }
|
|
2652
|
+
|
|
2653
|
+
.data-table .row .caption {
|
|
2654
|
+
font-size: .875rem;
|
|
2655
|
+
color: #666;
|
|
2656
|
+
color: var(--text-secondary, #666); }
|
|
2657
|
+
|
|
2658
|
+
.data-table .row span {
|
|
2659
|
+
width: 70%;
|
|
2660
|
+
display: contents; }
|
|
2661
|
+
|
|
2662
|
+
.data-table .last {
|
|
2663
|
+
border: none;
|
|
2664
|
+
padding: 0;
|
|
2665
|
+
margin: 0; }
|
|
2648
2666
|
|
|
2649
2667
|
.employee-data-table .row {
|
|
2650
2668
|
display: -webkit-box;
|
|
@@ -11342,6 +11360,10 @@ body {
|
|
|
11342
11360
|
text-align: right; } }
|
|
11343
11361
|
|
|
11344
11362
|
.loader-message {
|
|
11363
|
+
overflow: hidden;
|
|
11364
|
+
position: relative;
|
|
11365
|
+
height: 100vh;
|
|
11366
|
+
width: 100vw;
|
|
11345
11367
|
display: -webkit-box;
|
|
11346
11368
|
display: -ms-flexbox;
|
|
11347
11369
|
display: flex;
|
|
@@ -11351,8 +11373,342 @@ body {
|
|
|
11351
11373
|
-webkit-box-align: center;
|
|
11352
11374
|
-ms-flex-align: center;
|
|
11353
11375
|
align-items: center;
|
|
11354
|
-
|
|
11355
|
-
|
|
11376
|
+
-webkit-box-orient: vertical;
|
|
11377
|
+
-webkit-box-direction: normal;
|
|
11378
|
+
-ms-flex-direction: column;
|
|
11379
|
+
flex-direction: column;
|
|
11380
|
+
font-weight: 600;
|
|
11381
|
+
font-size: 14px;
|
|
11382
|
+
color: #000; }
|
|
11383
|
+
|
|
11384
|
+
.loader-message .body {
|
|
11385
|
+
position: absolute;
|
|
11386
|
+
left: 44%;
|
|
11387
|
+
top: 50%;
|
|
11388
|
+
-webkit-animation: speeder .4s linear infinite;
|
|
11389
|
+
animation: speeder .4s linear infinite; }
|
|
11390
|
+
|
|
11391
|
+
.loader-message .body > span {
|
|
11392
|
+
height: 5px;
|
|
11393
|
+
width: 35px;
|
|
11394
|
+
background: #0d43a7;
|
|
11395
|
+
position: absolute;
|
|
11396
|
+
top: -19px;
|
|
11397
|
+
left: -40px;
|
|
11398
|
+
border-radius: 2px 10px 1px 0; }
|
|
11399
|
+
|
|
11400
|
+
.loader-message .base span {
|
|
11401
|
+
position: absolute;
|
|
11402
|
+
width: 0;
|
|
11403
|
+
height: 0;
|
|
11404
|
+
border-top: 6px solid transparent;
|
|
11405
|
+
border-right: 100px solid #000;
|
|
11406
|
+
border-bottom: 6px solid transparent; }
|
|
11407
|
+
|
|
11408
|
+
.loader-message .base span:before {
|
|
11409
|
+
content: "";
|
|
11410
|
+
height: 22px;
|
|
11411
|
+
width: 22px;
|
|
11412
|
+
border-radius: 50%;
|
|
11413
|
+
background: #0d43a7;
|
|
11414
|
+
position: absolute;
|
|
11415
|
+
right: -110px;
|
|
11416
|
+
top: -16px; }
|
|
11417
|
+
|
|
11418
|
+
.loader-message .base span:after {
|
|
11419
|
+
content: "";
|
|
11420
|
+
position: absolute;
|
|
11421
|
+
width: 0;
|
|
11422
|
+
height: 0;
|
|
11423
|
+
border-top: 0 solid transparent;
|
|
11424
|
+
border-right: 55px solid #000;
|
|
11425
|
+
border-bottom: 16px solid transparent;
|
|
11426
|
+
top: -16px;
|
|
11427
|
+
right: -98px; }
|
|
11428
|
+
|
|
11429
|
+
.loader-message .face {
|
|
11430
|
+
position: absolute;
|
|
11431
|
+
height: 12px;
|
|
11432
|
+
width: 20px;
|
|
11433
|
+
background: #0d43a7;
|
|
11434
|
+
border-radius: 20px 20px 0 0;
|
|
11435
|
+
-webkit-transform: rotate(-40deg);
|
|
11436
|
+
transform: rotate(-40deg);
|
|
11437
|
+
right: -125px;
|
|
11438
|
+
top: -15px; }
|
|
11439
|
+
|
|
11440
|
+
.loader-message .face:after {
|
|
11441
|
+
content: "";
|
|
11442
|
+
height: 12px;
|
|
11443
|
+
width: 12px;
|
|
11444
|
+
background: #0d43a7;
|
|
11445
|
+
right: 4px;
|
|
11446
|
+
top: 7px;
|
|
11447
|
+
position: absolute;
|
|
11448
|
+
-webkit-transform: rotate(40deg);
|
|
11449
|
+
transform: rotate(40deg);
|
|
11450
|
+
-webkit-transform-origin: 50% 50%;
|
|
11451
|
+
transform-origin: 50% 50%;
|
|
11452
|
+
border-radius: 0 0 0 2px; }
|
|
11453
|
+
|
|
11454
|
+
.loader-message .body > span > span {
|
|
11455
|
+
width: 30px;
|
|
11456
|
+
height: 1px;
|
|
11457
|
+
background: #0d43a7;
|
|
11458
|
+
position: absolute; }
|
|
11459
|
+
|
|
11460
|
+
.loader-message .body > span > span:first-child {
|
|
11461
|
+
top: 0;
|
|
11462
|
+
-webkit-animation: fazer1 .2s linear infinite;
|
|
11463
|
+
animation: fazer1 .2s linear infinite; }
|
|
11464
|
+
|
|
11465
|
+
.loader-message .body > span > span:nth-child(2) {
|
|
11466
|
+
top: 3px;
|
|
11467
|
+
-webkit-animation: fazer2 .4s linear infinite;
|
|
11468
|
+
animation: fazer2 .4s linear infinite; }
|
|
11469
|
+
|
|
11470
|
+
.loader-message .body > span > span:nth-child(3) {
|
|
11471
|
+
top: 1px;
|
|
11472
|
+
-webkit-animation: fazer3 .4s linear infinite;
|
|
11473
|
+
animation: fazer3 .4s linear infinite;
|
|
11474
|
+
-webkit-animation-delay: -1s;
|
|
11475
|
+
animation-delay: -1s; }
|
|
11476
|
+
|
|
11477
|
+
.loader-message .body > span > span:nth-child(4) {
|
|
11478
|
+
top: 4px;
|
|
11479
|
+
-webkit-animation: fazer4 1s linear infinite;
|
|
11480
|
+
animation: fazer4 1s linear infinite;
|
|
11481
|
+
-webkit-animation-delay: -1s;
|
|
11482
|
+
animation-delay: -1s; }
|
|
11483
|
+
|
|
11484
|
+
@-webkit-keyframes fazer1 {
|
|
11485
|
+
0% {
|
|
11486
|
+
left: 0; }
|
|
11487
|
+
to {
|
|
11488
|
+
left: -80px;
|
|
11489
|
+
opacity: 0; } }
|
|
11490
|
+
|
|
11491
|
+
@keyframes fazer1 {
|
|
11492
|
+
0% {
|
|
11493
|
+
left: 0; }
|
|
11494
|
+
to {
|
|
11495
|
+
left: -80px;
|
|
11496
|
+
opacity: 0; } }
|
|
11497
|
+
|
|
11498
|
+
@-webkit-keyframes fazer2 {
|
|
11499
|
+
0% {
|
|
11500
|
+
left: 0; }
|
|
11501
|
+
to {
|
|
11502
|
+
left: -100px;
|
|
11503
|
+
opacity: 0; } }
|
|
11504
|
+
|
|
11505
|
+
@keyframes fazer2 {
|
|
11506
|
+
0% {
|
|
11507
|
+
left: 0; }
|
|
11508
|
+
to {
|
|
11509
|
+
left: -100px;
|
|
11510
|
+
opacity: 0; } }
|
|
11511
|
+
|
|
11512
|
+
@-webkit-keyframes fazer3 {
|
|
11513
|
+
0% {
|
|
11514
|
+
left: 0; }
|
|
11515
|
+
to {
|
|
11516
|
+
left: -50px;
|
|
11517
|
+
opacity: 0; } }
|
|
11518
|
+
|
|
11519
|
+
@keyframes fazer3 {
|
|
11520
|
+
0% {
|
|
11521
|
+
left: 0; }
|
|
11522
|
+
to {
|
|
11523
|
+
left: -50px;
|
|
11524
|
+
opacity: 0; } }
|
|
11525
|
+
|
|
11526
|
+
@-webkit-keyframes fazer4 {
|
|
11527
|
+
0% {
|
|
11528
|
+
left: 0; }
|
|
11529
|
+
to {
|
|
11530
|
+
left: -150px;
|
|
11531
|
+
opacity: 0; } }
|
|
11532
|
+
|
|
11533
|
+
@keyframes fazer4 {
|
|
11534
|
+
0% {
|
|
11535
|
+
left: 0; }
|
|
11536
|
+
to {
|
|
11537
|
+
left: -150px;
|
|
11538
|
+
opacity: 0; } }
|
|
11539
|
+
|
|
11540
|
+
@-webkit-keyframes speeder {
|
|
11541
|
+
0% {
|
|
11542
|
+
-webkit-transform: translate(2px, 1px) rotate(0deg);
|
|
11543
|
+
transform: translate(2px, 1px) rotate(0deg); }
|
|
11544
|
+
10% {
|
|
11545
|
+
-webkit-transform: translate(-1px, -3px) rotate(-1deg);
|
|
11546
|
+
transform: translate(-1px, -3px) rotate(-1deg); }
|
|
11547
|
+
20% {
|
|
11548
|
+
-webkit-transform: translate(-2px) rotate(1deg);
|
|
11549
|
+
transform: translate(-2px) rotate(1deg); }
|
|
11550
|
+
30% {
|
|
11551
|
+
-webkit-transform: translate(1px, 2px) rotate(0deg);
|
|
11552
|
+
transform: translate(1px, 2px) rotate(0deg); }
|
|
11553
|
+
40% {
|
|
11554
|
+
-webkit-transform: translate(1px, -1px) rotate(1deg);
|
|
11555
|
+
transform: translate(1px, -1px) rotate(1deg); }
|
|
11556
|
+
50% {
|
|
11557
|
+
-webkit-transform: translate(-1px, 3px) rotate(-1deg);
|
|
11558
|
+
transform: translate(-1px, 3px) rotate(-1deg); }
|
|
11559
|
+
60% {
|
|
11560
|
+
-webkit-transform: translate(-1px, 1px) rotate(0deg);
|
|
11561
|
+
transform: translate(-1px, 1px) rotate(0deg); }
|
|
11562
|
+
70% {
|
|
11563
|
+
-webkit-transform: translate(3px, 1px) rotate(-1deg);
|
|
11564
|
+
transform: translate(3px, 1px) rotate(-1deg); }
|
|
11565
|
+
80% {
|
|
11566
|
+
-webkit-transform: translate(-2px, -1px) rotate(1deg);
|
|
11567
|
+
transform: translate(-2px, -1px) rotate(1deg); }
|
|
11568
|
+
90% {
|
|
11569
|
+
-webkit-transform: translate(2px, 1px) rotate(0deg);
|
|
11570
|
+
transform: translate(2px, 1px) rotate(0deg); }
|
|
11571
|
+
to {
|
|
11572
|
+
-webkit-transform: translate(1px, -2px) rotate(-1deg);
|
|
11573
|
+
transform: translate(1px, -2px) rotate(-1deg); } }
|
|
11574
|
+
|
|
11575
|
+
@keyframes speeder {
|
|
11576
|
+
0% {
|
|
11577
|
+
-webkit-transform: translate(2px, 1px) rotate(0deg);
|
|
11578
|
+
transform: translate(2px, 1px) rotate(0deg); }
|
|
11579
|
+
10% {
|
|
11580
|
+
-webkit-transform: translate(-1px, -3px) rotate(-1deg);
|
|
11581
|
+
transform: translate(-1px, -3px) rotate(-1deg); }
|
|
11582
|
+
20% {
|
|
11583
|
+
-webkit-transform: translate(-2px) rotate(1deg);
|
|
11584
|
+
transform: translate(-2px) rotate(1deg); }
|
|
11585
|
+
30% {
|
|
11586
|
+
-webkit-transform: translate(1px, 2px) rotate(0deg);
|
|
11587
|
+
transform: translate(1px, 2px) rotate(0deg); }
|
|
11588
|
+
40% {
|
|
11589
|
+
-webkit-transform: translate(1px, -1px) rotate(1deg);
|
|
11590
|
+
transform: translate(1px, -1px) rotate(1deg); }
|
|
11591
|
+
50% {
|
|
11592
|
+
-webkit-transform: translate(-1px, 3px) rotate(-1deg);
|
|
11593
|
+
transform: translate(-1px, 3px) rotate(-1deg); }
|
|
11594
|
+
60% {
|
|
11595
|
+
-webkit-transform: translate(-1px, 1px) rotate(0deg);
|
|
11596
|
+
transform: translate(-1px, 1px) rotate(0deg); }
|
|
11597
|
+
70% {
|
|
11598
|
+
-webkit-transform: translate(3px, 1px) rotate(-1deg);
|
|
11599
|
+
transform: translate(3px, 1px) rotate(-1deg); }
|
|
11600
|
+
80% {
|
|
11601
|
+
-webkit-transform: translate(-2px, -1px) rotate(1deg);
|
|
11602
|
+
transform: translate(-2px, -1px) rotate(1deg); }
|
|
11603
|
+
90% {
|
|
11604
|
+
-webkit-transform: translate(2px, 1px) rotate(0deg);
|
|
11605
|
+
transform: translate(2px, 1px) rotate(0deg); }
|
|
11606
|
+
to {
|
|
11607
|
+
-webkit-transform: translate(1px, -2px) rotate(-1deg);
|
|
11608
|
+
transform: translate(1px, -2px) rotate(-1deg); } }
|
|
11609
|
+
|
|
11610
|
+
.loader-message .longfazers {
|
|
11611
|
+
position: absolute;
|
|
11612
|
+
width: 100%;
|
|
11613
|
+
height: 100%; }
|
|
11614
|
+
|
|
11615
|
+
.loader-message .longfazers span {
|
|
11616
|
+
position: absolute;
|
|
11617
|
+
height: 2px;
|
|
11618
|
+
width: 20%;
|
|
11619
|
+
background: #0d43a7; }
|
|
11620
|
+
|
|
11621
|
+
.loader-message .longfazers span:first-child {
|
|
11622
|
+
top: 20%;
|
|
11623
|
+
-webkit-animation: lf .6s linear infinite;
|
|
11624
|
+
animation: lf .6s linear infinite;
|
|
11625
|
+
-webkit-animation-delay: -5s;
|
|
11626
|
+
animation-delay: -5s; }
|
|
11627
|
+
|
|
11628
|
+
.loader-message .longfazers span:nth-child(2) {
|
|
11629
|
+
top: 40%;
|
|
11630
|
+
-webkit-animation: lf2 .8s linear infinite;
|
|
11631
|
+
animation: lf2 .8s linear infinite;
|
|
11632
|
+
-webkit-animation-delay: -1s;
|
|
11633
|
+
animation-delay: -1s; }
|
|
11634
|
+
|
|
11635
|
+
.loader-message .longfazers span:nth-child(3) {
|
|
11636
|
+
top: 60%;
|
|
11637
|
+
-webkit-animation: lf3 .6s linear infinite;
|
|
11638
|
+
animation: lf3 .6s linear infinite; }
|
|
11639
|
+
|
|
11640
|
+
.loader-message .longfazers span:nth-child(4) {
|
|
11641
|
+
top: 80%;
|
|
11642
|
+
-webkit-animation: lf4 .5s linear infinite;
|
|
11643
|
+
animation: lf4 .5s linear infinite;
|
|
11644
|
+
-webkit-animation-delay: -3s;
|
|
11645
|
+
animation-delay: -3s; }
|
|
11646
|
+
|
|
11647
|
+
.loader-message .message {
|
|
11648
|
+
position: absolute;
|
|
11649
|
+
font-family: Open Sans,sans-serif;
|
|
11650
|
+
font-weight: 600;
|
|
11651
|
+
font-size: 12px;
|
|
11652
|
+
text-transform: uppercase;
|
|
11653
|
+
left: 44%;
|
|
11654
|
+
top: 58%;
|
|
11655
|
+
margin-left: -20px; }
|
|
11656
|
+
|
|
11657
|
+
@-webkit-keyframes lf {
|
|
11658
|
+
0% {
|
|
11659
|
+
left: 200%; }
|
|
11660
|
+
to {
|
|
11661
|
+
left: -200%;
|
|
11662
|
+
opacity: 0; } }
|
|
11663
|
+
|
|
11664
|
+
@keyframes lf {
|
|
11665
|
+
0% {
|
|
11666
|
+
left: 200%; }
|
|
11667
|
+
to {
|
|
11668
|
+
left: -200%;
|
|
11669
|
+
opacity: 0; } }
|
|
11670
|
+
|
|
11671
|
+
@-webkit-keyframes lf2 {
|
|
11672
|
+
0% {
|
|
11673
|
+
left: 200%; }
|
|
11674
|
+
to {
|
|
11675
|
+
left: -200%;
|
|
11676
|
+
opacity: 0; } }
|
|
11677
|
+
|
|
11678
|
+
@keyframes lf2 {
|
|
11679
|
+
0% {
|
|
11680
|
+
left: 200%; }
|
|
11681
|
+
to {
|
|
11682
|
+
left: -200%;
|
|
11683
|
+
opacity: 0; } }
|
|
11684
|
+
|
|
11685
|
+
@-webkit-keyframes lf3 {
|
|
11686
|
+
0% {
|
|
11687
|
+
left: 200%; }
|
|
11688
|
+
to {
|
|
11689
|
+
left: -100%;
|
|
11690
|
+
opacity: 0; } }
|
|
11691
|
+
|
|
11692
|
+
@keyframes lf3 {
|
|
11693
|
+
0% {
|
|
11694
|
+
left: 200%; }
|
|
11695
|
+
to {
|
|
11696
|
+
left: -100%;
|
|
11697
|
+
opacity: 0; } }
|
|
11698
|
+
|
|
11699
|
+
@-webkit-keyframes lf4 {
|
|
11700
|
+
0% {
|
|
11701
|
+
left: 200%; }
|
|
11702
|
+
to {
|
|
11703
|
+
left: -100%;
|
|
11704
|
+
opacity: 0; } }
|
|
11705
|
+
|
|
11706
|
+
@keyframes lf4 {
|
|
11707
|
+
0% {
|
|
11708
|
+
left: 200%; }
|
|
11709
|
+
to {
|
|
11710
|
+
left: -100%;
|
|
11711
|
+
opacity: 0; } }
|
|
11356
11712
|
|
|
11357
11713
|
.display-none {
|
|
11358
11714
|
display: none; }
|