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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pmidc/upyog-css",
-  "version": "1.2.36-UAT.32",
+  "version": "1.2.36-UAT.34",
   "license": "MIT",
   "author": "",
   "type": "commonjs",

package/src/components/card.scss

@@ -8,8 +8,6 @@
   box-shadow: none;
 }
 
-
-
 .card {
   padding: 20px 24px 28px 24px;
   max-width: 95vw;
@@ -81,11 +79,11 @@
     color: #0f172a;
     margin-bottom: 8px;
     margin-top: 8px;
-    font-weight: 700;    
+    font-weight: 700;
     letter-spacing: 0.5px;
     width: 100%;
   }
-  .card-label span{
+  .card-label span {
     color: #dc2626;
     font-weight: "bold";
   }
@@ -407,13 +405,13 @@
   .card {
     margin-top: 2rem;
   }
-  .popup-module{
+  .popup-module {
     width: 100% !important;
   }
-  #search-property-field{
+  #search-property-field {
     display: block !important;
   }
-  .bpa-summary-page{
+  .bpa-summary-page {
     padding: 0 !important;
   }
   .card-link {
@@ -494,7 +492,7 @@
 
 .submit-bar-back {
   background: transparent !important;
-  color: #2563eb !important;
+  color: #e7e9ef !important;
   border: 1px solid #2563eb !important;
   box-shadow: none !important;
   margin-right: 10px;
@@ -586,12 +584,12 @@ button.card-link.submit-bar {
     }
 
     .card-sub-header {
-      margin-bottom: 24px !important;
+      margin-bottom: 40px;
       font-size: 18px;
     }
 
     .employee-card-sub-header {
-      margin-bottom: 24px !important;
+      margin-bottom: 40px;
       font-size: 18px;
     }
 
@@ -769,7 +767,6 @@ button.card-link.submit-bar {
     align-items: flex-start;
   }
 
-
   .employee .employeeCard .field {
     width: 100%;
   }
@@ -859,32 +856,31 @@ button.card-link.submit-bar {
 .ws-citizen-wrapper .app-container {
   margin-top: 1rem !important;
   padding: 0 !important;
-  
 }
 
 @media (max-width: 768px) {
- .chb-citizen .app-container{
-  margin-top: 3rem !important;
- }
-
- .pet-citizen .app-container{
-  margin-top: 2rem !important;
- }
- .mcollect-citizen .app-container{
-  margin-top: 2rem !important;
- }
- .ads-citizen .app-container{
-  margin-top: 2rem !important;
- }
-
- .bills-citizen-wrapper{
-  margin-top: 1rem !important;
-  padding: 10px !important;
-  width: 100% !important;
- }
- .property-search-modal{
-  width: 100% !important;
- }
+  .chb-citizen .app-container {
+    margin-top: 3rem !important;
+  }
+
+  .pet-citizen .app-container {
+    margin-top: 2rem !important;
+  }
+  .mcollect-citizen .app-container {
+    margin-top: 2rem !important;
+  }
+  .ads-citizen .app-container {
+    margin-top: 2rem !important;
+  }
+
+  .bills-citizen-wrapper {
+    margin-top: 1rem !important;
+    padding: 10px !important;
+    width: 100% !important;
+  }
+  .property-search-modal {
+    width: 100% !important;
+  }
   .card .card {
     padding: 0;
     background: none;
@@ -965,5 +961,4 @@ button.card-link.submit-bar {
       padding: 0;
     }
   }
-
-}
+}

package/src/components/challanGeneration.scss

@@ -347,3 +347,304 @@
   font-size: 12px;
   margin-top: -21px;
 }
+
+.challan-new-inbox-filters {
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
+}
+
+.challan-new-inbox-filters .ndc-new-inbox-filter-card {
+  margin: 0 !important;
+}
+
+.challan-new-inbox-offence-filter {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  max-width: 420px;
+}
+
+.challan-new-inbox-offence-filter .filter-label {
+  margin: 0;
+  color: var(--mseva-text, #132447);
+  font-size: 15px;
+  font-weight: 700;
+}
+
+.challan-new-inbox-offence-loader {
+  width: 100%;
+  min-height: 42px;
+  display: flex;
+  align-items: center;
+}
+
+.challan-new-inbox-offence-trigger {
+  width: 100%;
+  min-height: 44px;
+  padding: 10px 12px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border: 1px solid #d4e1ef;
+  border-radius: 8px;
+  background: #ffffff;
+  color: var(--mseva-text, #132447);
+  font: inherit;
+  font-size: 14px;
+  text-align: left;
+  cursor: pointer;
+}
+
+.challan-new-inbox-offence-trigger:hover,
+.challan-new-inbox-offence-trigger.active {
+  border-color: #0b63ce;
+}
+
+.challan-new-inbox-offence-chevron {
+  color: #0756a8;
+  font-size: 20px;
+  line-height: 1;
+  transition: transform 0.2s ease;
+}
+
+.challan-new-inbox-offence-trigger.active .challan-new-inbox-offence-chevron {
+  transform: rotate(180deg);
+}
+
+.challan-new-inbox-offence-panel {
+  position: absolute;
+  top: calc(100% + 6px);
+  left: 0;
+  right: 0;
+  z-index: 20;
+  overflow: hidden;
+  border: 1px solid #c7d8ea;
+  border-radius: 10px;
+  background: #ffffff;
+  box-shadow: 0 14px 28px rgba(8, 54, 105, 0.16);
+}
+
+.challan-new-inbox-offence-search {
+  width: calc(100% - 24px);
+  min-height: 38px;
+  margin: 12px;
+  padding: 8px 10px;
+  box-sizing: border-box;
+  border: 1px solid #d4e1ef;
+  border-radius: 7px;
+  font: inherit;
+}
+
+.challan-new-inbox-offence-search:focus {
+  border-color: #0b63ce;
+  outline: none;
+}
+
+.challan-new-inbox-offence-options {
+  max-height: 240px;
+  overflow-y: auto;
+  padding: 4px 8px 10px;
+}
+
+.challan-new-inbox-offence-option {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  min-height: 38px;
+  padding: 6px 8px;
+  border-radius: 6px;
+  color: var(--mseva-text, #132447);
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.challan-new-inbox-offence-option:hover {
+  background: #eef6ff;
+}
+
+.challan-new-inbox-offence-option input {
+  width: 16px;
+  height: 16px;
+  accent-color: #0756a8;
+}
+
+.challan-new-inbox-offence-empty {
+  margin: 10px 8px;
+  color: #68758c;
+  font-size: 13px;
+  text-align: center;
+}
+
+.challan-new-inbox-offence-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+
+.challan-new-inbox-offence-tag {
+  padding: 5px 8px;
+  border: 1px solid #b9d7c0;
+  border-radius: 999px;
+  background: #edf8ef;
+  color: #0b6530;
+  font: inherit;
+  font-size: 12px;
+  font-weight: 700;
+  cursor: pointer;
+}
+
+.challan-new-inbox-offence-tag span {
+  margin-left: 4px;
+  font-size: 15px;
+  line-height: 0;
+}
+
+.challan-new-inbox-search {
+  align-items: flex-end;
+}
+
+.challan-new-inbox-search-fields {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(180px, 1fr));
+  gap: 14px;
+  flex: 1;
+}
+
+.challan-new-inbox-search-fields label {
+  display: flex;
+  flex-direction: column;
+  gap: 7px;
+  color: var(--mseva-text, #132447);
+  font-size: 13px;
+  font-weight: 700;
+}
+
+.challan-new-inbox-search-fields input {
+  width: 100%;
+  min-height: 42px;
+  box-sizing: border-box;
+  padding: 9px 12px;
+  border: 1px solid #d4e1ef;
+  border-radius: 8px;
+  background: #ffffff;
+  color: var(--mseva-text, #132447);
+  font: inherit;
+}
+
+.challan-new-inbox-search-fields input:focus {
+  border-color: #0b63ce;
+  outline: none;
+}
+
+.challan-new-inbox-search-actions {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.challan-new-inbox-search-button,
+.challan-new-inbox-clear-button {
+  min-height: 42px;
+  padding: 0 18px;
+  border-radius: 8px;
+  font: inherit;
+  font-size: 14px;
+  font-weight: 700;
+  cursor: pointer;
+}
+
+.challan-new-inbox-search-button {
+  border: 1px solid #0756a8;
+  background: #0756a8;
+  color: #ffffff;
+}
+
+.challan-new-inbox-search-button:hover {
+  background: #063a78;
+}
+
+.challan-new-inbox-clear-button {
+  border: 0;
+  background: transparent;
+  color: #0b6530;
+}
+
+.challan-new-inbox-clear-button:hover {
+  text-decoration: underline;
+}
+
+@media (min-width: 769px) {
+  .challan-new-inbox-table-wrapper .ndc-new-table {
+    min-width: 1120px;
+    table-layout: auto;
+  }
+
+  .challan-new-inbox-table-wrapper .ndc-new-table th:nth-child(1),
+  .challan-new-inbox-table-wrapper .ndc-new-table td:nth-child(1) {
+    width: 260px;
+    min-width: 260px;
+    white-space: nowrap;
+  }
+
+  .challan-new-inbox-table-wrapper .ndc-new-table th:nth-child(2),
+  .challan-new-inbox-table-wrapper .ndc-new-table td:nth-child(2) {
+    width: 170px;
+    min-width: 150px;
+  }
+
+  .challan-new-inbox-table-wrapper .ndc-new-table th:nth-child(3),
+  .challan-new-inbox-table-wrapper .ndc-new-table td:nth-child(3) {
+    min-width: 360px;
+  }
+
+  .challan-new-inbox-table-wrapper .ndc-new-table th:nth-child(4),
+  .challan-new-inbox-table-wrapper .ndc-new-table td:nth-child(4) {
+    width: 150px;
+    min-width: 130px;
+    white-space: nowrap;
+  }
+
+  .challan-new-inbox-table-wrapper .ndc-new-table th:nth-child(5),
+  .challan-new-inbox-table-wrapper .ndc-new-table td:nth-child(5) {
+    width: 135px;
+    min-width: 120px;
+    white-space: nowrap;
+  }
+
+  .challan-new-inbox-table-wrapper .ndc-new-table th:nth-child(6),
+  .challan-new-inbox-table-wrapper .ndc-new-table td:nth-child(6) {
+    width: 170px;
+    min-width: 150px;
+    white-space: nowrap;
+  }
+
+  .challan-new-inbox-table-wrapper .ndc-new-table td:nth-child(1) .link {
+    display: inline-block;
+    white-space: nowrap;
+  }
+}
+
+@media (max-width: 768px) {
+  .challan-new-inbox-search {
+    align-items: stretch;
+  }
+
+  .challan-new-inbox-search-fields {
+    grid-template-columns: 1fr;
+  }
+
+  .challan-new-inbox-search-actions {
+    justify-content: space-between;
+  }
+
+  .challan-new-inbox-search-button {
+    flex: 1;
+  }
+
+  .challan-new-inbox-offence-filter {
+    max-width: none;
+  }
+}

package/src/components/chb.scss

@@ -240,3 +240,136 @@
   padding-left: 20px !important;
   font-size: 16px !important;
 }
+
+@media (min-width: 769px) {
+  .chb-inbox-table-wrapper .ndc-new-table {
+    min-width: 940px;
+    table-layout: auto;
+  }
+
+  .chb-inbox-table-wrapper .ndc-new-table th:nth-child(1),
+  .chb-inbox-table-wrapper .ndc-new-table td:nth-child(1) {
+    width: 220px;
+    min-width: 180px;
+  }
+
+  .chb-inbox-table-wrapper .ndc-new-table th:nth-child(2),
+  .chb-inbox-table-wrapper .ndc-new-table td:nth-child(2) {
+    width: 270px;
+    min-width: 270px;
+    white-space: nowrap;
+  }
+
+  .chb-inbox-table-wrapper .ndc-new-table th:nth-child(3),
+  .chb-inbox-table-wrapper .ndc-new-table td:nth-child(3) {
+    width: 170px;
+    min-width: 150px;
+    white-space: nowrap;
+  }
+
+  .chb-inbox-table-wrapper .ndc-new-table th:nth-child(4),
+  .chb-inbox-table-wrapper .ndc-new-table td:nth-child(4) {
+    min-width: 220px;
+  }
+
+.chb-inbox-table-wrapper .ndc-new-table td:nth-child(2) .link {
+    display: inline-block;
+    white-space: nowrap;
+  }
+}
+
+.chb-new-inbox-filters .ndc-new-inbox-filter-card {
+  margin: 0 !important;
+}
+
+.chb-new-inbox-search {
+  align-items: flex-end;
+}
+
+.chb-new-inbox-search-fields {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(180px, 1fr));
+  flex: 1;
+  gap: 14px;
+}
+
+.chb-new-inbox-search-fields label {
+  display: flex;
+  flex-direction: column;
+  gap: 7px;
+  color: var(--mseva-text, #132447);
+  font-size: 13px;
+  font-weight: 700;
+}
+
+.chb-new-inbox-search-fields input {
+  width: 100%;
+  min-height: 42px;
+  box-sizing: border-box;
+  padding: 9px 12px;
+  border: 1px solid #d4e1ef;
+  border-radius: 8px;
+  background: #ffffff;
+  color: var(--mseva-text, #132447);
+  font: inherit;
+}
+
+.chb-new-inbox-search-fields input:focus {
+  border-color: #0b63ce;
+  outline: none;
+}
+
+.chb-new-inbox-search-actions {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.chb-new-inbox-search-button,
+.chb-new-inbox-clear-button {
+  min-height: 42px;
+  padding: 0 18px;
+  border-radius: 8px;
+  font: inherit;
+  font-size: 14px;
+  font-weight: 700;
+  cursor: pointer;
+}
+
+.chb-new-inbox-search-button {
+  border: 1px solid #0756a8;
+  background: #0756a8;
+  color: #ffffff;
+}
+
+.chb-new-inbox-search-button:hover {
+  background: #063a78;
+}
+
+.chb-new-inbox-clear-button {
+  border: 0;
+  background: transparent;
+  color: #0b6530;
+}
+
+.chb-new-inbox-clear-button:hover {
+  text-decoration: underline;
+}
+
+@media (max-width: 768px) {
+  .chb-new-inbox-search {
+    align-items: stretch;
+  }
+
+  .chb-new-inbox-search-fields {
+    grid-template-columns: 1fr;
+  }
+
+  .chb-new-inbox-search-actions {
+    justify-content: space-between;
+  }
+
+  .chb-new-inbox-search-button {
+    flex: 1;
+  }
+}

package/src/components/datatable.scss

@@ -52,7 +52,6 @@
 
 .data-table .last {
   border: none;
-  padding: 0;
   margin: 0;
 }
 
@@ -117,9 +116,3 @@
     }
   }
 }
-
-.data-table .row.document-row .value,
-.employee-data-table .row.document-row .value {
-  display: flex;
-  align-items: center;
-}