@pmidc/upyog-css 1.2.36-UAT.32 → 1.2.36-UAT.34

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/src/index.scss CHANGED
@@ -149,6 +149,8 @@
149
149
  @import "./components/newInbox.scss";
150
150
  @import "./components/ptr.scss";
151
151
  @import "./components/challanGeneration.scss";
152
+ @import "./components/mseva-icons.css";
153
+ @import "./gigw3-mseva.scss";
152
154
 
153
155
  .display-none {
154
156
  display: none;
@@ -2411,7 +2413,6 @@ input[type="date"] {
2411
2413
  .hrms-text-transform {
2412
2414
  text-transform: none !important;
2413
2415
  }
2414
-
2415
2416
  .noc-popupStyles {
2416
2417
  width: unset;
2417
2418
  min-width: 360px;
@@ -106,6 +106,11 @@
106
106
  font-size: 14px;
107
107
  }
108
108
 
109
+ .upload-file-message {
110
+ padding: 15px 0px;
111
+ font-size: 14px;
112
+ }
113
+
109
114
  .advisory-text {
110
115
  font-size: 13px;
111
116
  color: red;
@@ -489,6 +489,191 @@
489
489
  border-radius: 6px;
490
490
  cursor: pointer;
491
491
  }
492
+
493
+ .ads-my-bookings {
494
+ max-width: 1120px;
495
+ margin: 0 auto;
496
+ padding: 8px 0 48px;
497
+ }
498
+
499
+ .ads-my-bookings__heading {
500
+ display: flex;
501
+ align-items: center;
502
+ justify-content: space-between;
503
+ margin-bottom: 20px;
504
+ }
505
+
506
+ .ads-my-bookings__heading header {
507
+ color: var(--mseva-blue-900) !important;
508
+ font-weight: 800;
509
+ letter-spacing: -0.02em;
510
+ }
511
+
512
+ .ads-my-bookings__list {
513
+ display: grid;
514
+ gap: 16px;
515
+ }
516
+
517
+ .ads-my-bookings__item,
518
+ .ads-booking-card {
519
+ width: 100%;
520
+ }
521
+
522
+ .ads-booking-card .card {
523
+ width: 100%;
524
+ max-width: none;
525
+ margin: 0;
526
+ padding: 24px;
527
+ border: 1px solid #d8e5f4;
528
+ border-radius: 16px;
529
+ background: #fff;
530
+ box-shadow: 0 7px 18px rgba(7, 75, 152, 0.08);
531
+ }
532
+
533
+ .ads-booking-card__details {
534
+ display: grid;
535
+ grid-template-columns: repeat(2, minmax(0, 1fr));
536
+ gap: 16px 28px;
537
+ }
538
+
539
+ .ads-booking-card .key-note-pair {
540
+ margin: 0;
541
+ padding: 0 0 12px;
542
+ border-bottom: 1px solid #e5edf6;
543
+ }
544
+
545
+ .ads-booking-card .key-note-pair h3 {
546
+ margin-bottom: 4px;
547
+ color: #52708f;
548
+ font-size: 0.8125rem;
549
+ font-weight: 700;
550
+ letter-spacing: 0.02em;
551
+ }
552
+
553
+ .ads-booking-card .key-note-pair p {
554
+ color: var(--mseva-text);
555
+ font-size: 1rem;
556
+ font-weight: 700;
557
+ }
558
+
559
+ .ads-booking-card__status .key-note-pair p {
560
+ display: inline-flex;
561
+ padding: 4px 10px;
562
+ border-radius: 999px;
563
+ color: var(--mseva-green-800);
564
+ background: #eaf7ed;
565
+ font-size: 0.875rem;
566
+ }
567
+
568
+ .ads-booking-card .action-button-myapplication {
569
+ gap: 12px;
570
+ margin-top: 22px;
571
+ }
572
+
573
+ .ads-booking-card .action-button-myapplication .submit-bar {
574
+ min-width: 160px;
575
+ margin: 0;
576
+ border-radius: 8px;
577
+ }
578
+
579
+ .ads-my-bookings__empty {
580
+ padding: 38px 24px;
581
+ border: 1px dashed #b8cce2;
582
+ border-radius: 16px;
583
+ background: #fff;
584
+ text-align: center;
585
+ }
586
+
587
+ .ads-applications-empty {
588
+ margin: 0;
589
+ color: #52708f;
590
+ }
591
+
592
+ .ads-pagination-controls {
593
+ margin: 8px 0 0;
594
+ }
595
+
596
+ .ads-pagination-btn {
597
+ display: inline-flex;
598
+ align-items: center;
599
+ justify-content: center;
600
+ width: 40px;
601
+ height: 40px;
602
+ padding: 0;
603
+ background: var(--mseva-blue-700);
604
+ }
605
+
606
+ .ads-pagination-btn:hover:not(:disabled) {
607
+ background: var(--mseva-green-700);
608
+ }
609
+
610
+ .ads-pagination-info {
611
+ color: var(--mseva-text);
612
+ font-weight: 700;
613
+ }
614
+
615
+ .ads-new-booking {
616
+ display: flex;
617
+ align-items: center;
618
+ gap: 12px;
619
+ margin: 24px 0 0;
620
+ padding: 18px 20px;
621
+ border: 1px solid #cfe2d5;
622
+ border-radius: 14px;
623
+ background: #f1f9f2;
624
+ color: var(--mseva-text);
625
+ font-weight: 600;
626
+ }
627
+
628
+ .ads-new-booking-btn {
629
+ display: inline-flex;
630
+ align-items: center;
631
+ min-height: 40px;
632
+ padding: 8px 16px;
633
+ border-radius: 8px;
634
+ background: var(--mseva-green-700);
635
+ }
636
+
637
+ .ads-new-booking-btn:hover {
638
+ background: var(--mseva-green-800);
639
+ }
640
+
641
+ @media (max-width: 640px) {
642
+ .ads-my-bookings {
643
+ padding-bottom: 32px;
644
+ }
645
+
646
+ .ads-my-bookings__heading {
647
+ margin-bottom: 14px;
648
+ }
649
+
650
+ .ads-my-bookings__heading header {
651
+ font-size: 1.65rem !important;
652
+ }
653
+
654
+ .ads-booking-card .card {
655
+ padding: 18px;
656
+ }
657
+
658
+ .ads-booking-card__details {
659
+ grid-template-columns: 1fr;
660
+ gap: 12px;
661
+ }
662
+
663
+ .ads-booking-card .action-button-myapplication {
664
+ display: grid;
665
+ grid-template-columns: 1fr;
666
+ }
667
+
668
+ .ads-booking-card .action-button-myapplication .submit-bar {
669
+ width: 100%;
670
+ }
671
+
672
+ .ads-new-booking {
673
+ align-items: flex-start;
674
+ flex-direction: column;
675
+ }
676
+ }
492
677
  .ads-registration-row {
493
678
  display: flex;
494
679
  align-items: center;
@@ -1799,9 +1984,135 @@
1799
1984
  color: #2947a3;
1800
1985
  }
1801
1986
 
1987
+ .ads-new-inbox-filters .ndc-new-inbox-filter-card {
1988
+ margin: 0 !important;
1989
+ }
1990
+
1991
+ .ads-new-inbox-search {
1992
+ align-items: flex-end;
1993
+ }
1994
+
1995
+ .ads-new-inbox-search-fields {
1996
+ display: grid;
1997
+ grid-template-columns: repeat(2, minmax(180px, 1fr));
1998
+ flex: 1;
1999
+ gap: 14px;
2000
+ }
2001
+
2002
+ .ads-new-inbox-search-fields label {
2003
+ display: flex;
2004
+ flex-direction: column;
2005
+ gap: 7px;
2006
+ color: var(--mseva-text, #132447);
2007
+ font-size: 13px;
2008
+ font-weight: 700;
2009
+ }
2010
+
2011
+ .ads-new-inbox-search-fields input {
2012
+ width: 100%;
2013
+ min-height: 42px;
2014
+ box-sizing: border-box;
2015
+ padding: 9px 12px;
2016
+ border: 1px solid #d4e1ef;
2017
+ border-radius: 8px;
2018
+ background: #ffffff;
2019
+ color: var(--mseva-text, #132447);
2020
+ font: inherit;
2021
+ }
2022
+
2023
+ .ads-new-inbox-search-fields input:focus {
2024
+ border-color: #0b63ce;
2025
+ outline: none;
2026
+ }
2027
+
2028
+ .ads-new-inbox-search-actions {
2029
+ display: flex;
2030
+ align-items: center;
2031
+ gap: 12px;
2032
+ }
2033
+
2034
+ .ads-new-inbox-search-button,
2035
+ .ads-new-inbox-clear-button {
2036
+ min-height: 42px;
2037
+ padding: 0 18px;
2038
+ border-radius: 8px;
2039
+ font: inherit;
2040
+ font-size: 14px;
2041
+ font-weight: 700;
2042
+ cursor: pointer;
2043
+ }
2044
+
2045
+ .ads-new-inbox-search-button {
2046
+ border: 1px solid #0756a8;
2047
+ background: #0756a8;
2048
+ color: #ffffff;
2049
+ }
2050
+
2051
+ .ads-new-inbox-search-button:hover {
2052
+ background: #063a78;
2053
+ }
2054
+
2055
+ .ads-new-inbox-clear-button {
2056
+ border: 0;
2057
+ background: transparent;
2058
+ color: #0b6530;
2059
+ }
2060
+
2061
+ .ads-new-inbox-clear-button:hover {
2062
+ text-decoration: underline;
2063
+ }
2064
+
2065
+ @media (min-width: 769px) {
2066
+ .ads-new-inbox-table-wrapper .ndc-new-table {
2067
+ min-width: 1080px;
2068
+ table-layout: auto;
2069
+ }
2070
+
2071
+ .ads-new-inbox-table-wrapper .ndc-new-table th:nth-child(1),
2072
+ .ads-new-inbox-table-wrapper .ndc-new-table td:nth-child(1) {
2073
+ width: 260px;
2074
+ min-width: 260px;
2075
+ white-space: nowrap;
2076
+ }
2077
+
2078
+ .ads-new-inbox-table-wrapper .ndc-new-table th:nth-child(2),
2079
+ .ads-new-inbox-table-wrapper .ndc-new-table td:nth-child(2) {
2080
+ width: 210px;
2081
+ min-width: 180px;
2082
+ }
2083
+
2084
+ .ads-new-inbox-table-wrapper .ndc-new-table th:nth-child(3),
2085
+ .ads-new-inbox-table-wrapper .ndc-new-table td:nth-child(3) {
2086
+ min-width: 220px;
2087
+ }
2088
+
2089
+ .ads-new-inbox-table-wrapper .ndc-new-table th:nth-child(4),
2090
+ .ads-new-inbox-table-wrapper .ndc-new-table td:nth-child(4),
2091
+ .ads-new-inbox-table-wrapper .ndc-new-table th:nth-child(5),
2092
+ .ads-new-inbox-table-wrapper .ndc-new-table td:nth-child(5) {
2093
+ white-space: nowrap;
2094
+ }
2095
+ }
2096
+
1802
2097
  @media (max-width: 768px) {
1803
2098
  .ads-inbox-links__title {
1804
2099
  font-size: 18px;
1805
2100
  line-height: 24px;
1806
2101
  }
2102
+
2103
+ .ads-new-inbox-search {
2104
+ align-items: stretch;
2105
+ }
2106
+
2107
+ .ads-new-inbox-search-fields {
2108
+ grid-template-columns: 1fr;
2109
+ }
2110
+
2111
+ .ads-new-inbox-search-actions {
2112
+ justify-content: space-between;
2113
+ }
2114
+
2115
+ .ads-new-inbox-search-button {
2116
+ flex: 1;
2117
+ }
1807
2118
  }
@@ -585,6 +585,147 @@
585
585
  margin: 0;
586
586
  }
587
587
 
588
+ .ral-new-inbox-filters .ndc-new-inbox-filter-card {
589
+ margin: 0 !important;
590
+ }
591
+
592
+ .ral-new-inbox-search {
593
+ align-items: flex-end;
594
+ }
595
+
596
+ .ral-new-inbox-search-fields {
597
+ display: grid;
598
+ grid-template-columns: repeat(2, minmax(180px, 1fr));
599
+ flex: 1;
600
+ gap: 14px;
601
+ }
602
+
603
+ .ral-new-inbox-search-fields label {
604
+ display: flex;
605
+ flex-direction: column;
606
+ gap: 7px;
607
+ color: var(--mseva-text, #132447);
608
+ font-size: 13px;
609
+ font-weight: 700;
610
+ }
611
+
612
+ .ral-new-inbox-search-fields input {
613
+ width: 100%;
614
+ min-height: 42px;
615
+ box-sizing: border-box;
616
+ padding: 9px 12px;
617
+ border: 1px solid #d4e1ef;
618
+ border-radius: 8px;
619
+ background: #ffffff;
620
+ color: var(--mseva-text, #132447);
621
+ font: inherit;
622
+ }
623
+
624
+ .ral-new-inbox-search-fields input:focus {
625
+ border-color: #0b63ce;
626
+ outline: none;
627
+ }
628
+
629
+ .ral-new-inbox-search-actions {
630
+ display: flex;
631
+ align-items: center;
632
+ gap: 12px;
633
+ }
634
+
635
+ .ral-new-inbox-search-button,
636
+ .ral-new-inbox-clear-button {
637
+ min-height: 42px;
638
+ padding: 0 18px;
639
+ border-radius: 8px;
640
+ font: inherit;
641
+ font-size: 14px;
642
+ font-weight: 700;
643
+ cursor: pointer;
644
+ }
645
+
646
+ .ral-new-inbox-search-button {
647
+ border: 1px solid #0756a8;
648
+ background: #0756a8;
649
+ color: #ffffff;
650
+ }
651
+
652
+ .ral-new-inbox-search-button:hover {
653
+ background: #063a78;
654
+ }
655
+
656
+ .ral-new-inbox-clear-button {
657
+ border: 0;
658
+ background: transparent;
659
+ color: #0756a8;
660
+ }
661
+
662
+ .ral-new-inbox-clear-button:hover {
663
+ text-decoration: underline;
664
+ }
665
+
666
+ .ral-new-inbox-status {
667
+ display: inline-flex;
668
+ align-items: center;
669
+ min-height: 30px;
670
+ padding: 3px 10px;
671
+ border-radius: 999px;
672
+ background: #e8f2ff;
673
+ color: #0756a8;
674
+ font-weight: 700;
675
+ white-space: nowrap;
676
+ }
677
+
678
+ @media (min-width: 769px) {
679
+ .ral-new-inbox-table-wrapper .ndc-new-table {
680
+ min-width: 1180px;
681
+ table-layout: auto;
682
+ }
683
+
684
+ .ral-new-inbox-table-wrapper .ndc-new-table th:nth-child(1),
685
+ .ral-new-inbox-table-wrapper .ndc-new-table td:nth-child(1) {
686
+ min-width: 250px;
687
+ white-space: nowrap;
688
+ }
689
+
690
+ .ral-new-inbox-table-wrapper .ndc-new-table th:nth-child(2),
691
+ .ral-new-inbox-table-wrapper .ndc-new-table td:nth-child(2) {
692
+ min-width: 190px;
693
+ }
694
+
695
+ .ral-new-inbox-table-wrapper .ndc-new-table th:nth-child(3),
696
+ .ral-new-inbox-table-wrapper .ndc-new-table td:nth-child(3) {
697
+ min-width: 180px;
698
+ }
699
+
700
+ .ral-new-inbox-table-wrapper .ndc-new-table th:nth-child(4),
701
+ .ral-new-inbox-table-wrapper .ndc-new-table td:nth-child(4),
702
+ .ral-new-inbox-table-wrapper .ndc-new-table th:nth-child(5),
703
+ .ral-new-inbox-table-wrapper .ndc-new-table td:nth-child(5),
704
+ .ral-new-inbox-table-wrapper .ndc-new-table th:nth-child(6),
705
+ .ral-new-inbox-table-wrapper .ndc-new-table td:nth-child(6) {
706
+ min-width: 150px;
707
+ white-space: nowrap;
708
+ }
709
+ }
710
+
711
+ @media (max-width: 768px) {
712
+ .ral-new-inbox-search {
713
+ align-items: stretch;
714
+ }
715
+
716
+ .ral-new-inbox-search-fields {
717
+ grid-template-columns: 1fr;
718
+ }
719
+
720
+ .ral-new-inbox-search-actions {
721
+ justify-content: space-between;
722
+ }
723
+
724
+ .ral-new-inbox-search-button {
725
+ flex: 1;
726
+ }
727
+ }
728
+
588
729
  .ral-property-details__non-legacy--hidden {
589
730
  display: none;
590
731
  }
@@ -189,6 +189,25 @@
189
189
  border-radius: 8px !important;
190
190
  }
191
191
 
192
+ /* The shared Dropdown renders a wrapper and a text input. The wrapper owns the control border. */
193
+ .location-wrapper .select-wrap .select,
194
+ .location-wrapper .select-wrap .select-active {
195
+ box-sizing: border-box;
196
+ }
197
+
198
+ .location-wrapper .select-wrap .select input[type="text"],
199
+ .location-wrapper .select-wrap .select-active input[type="text"] {
200
+ min-height: 0;
201
+ border: 0 !important;
202
+ border-radius: 0;
203
+ box-shadow: none !important;
204
+ }
205
+
206
+ .location-wrapper .select-wrap .select-active {
207
+ border: 1px solid #2563eb !important;
208
+ box-shadow: none !important;
209
+ }
210
+
192
211
  .input-wrapper .submit-bar,
193
212
  .input-wrapper .submit-bar-disabled {
194
213
  width: 100%;
@@ -7,7 +7,7 @@
7
7
  .ground-container {
8
8
  margin-bottom: 56px;
9
9
  margin-left: 0px;
10
- margin-top: 5rem !important;
10
+ margin-top: 3rem !important;
11
11
  @apply flex flex-col;
12
12
  }
13
13
  .card-home {