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

package/package.json

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

package/src/components/card.scss

@@ -586,12 +586,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;
     }
 

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

@@ -117,9 +117,3 @@
     }
   }
 }
-
-.data-table .row.document-row .value,
-.employee-data-table .row.document-row .value {
-  display: flex;
-  align-items: center;
-}

package/src/components/garbageCollection.scss

@@ -533,3 +533,135 @@
     -webkit-overflow-scrolling: touch;
   }
 }
+
+.gc-new-inbox-filters .ndc-new-inbox-filter-card {
+  margin: 0 !important;
+}
+
+.gc-new-inbox-search {
+  align-items: flex-end;
+}
+
+.gc-new-inbox-search-fields {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(180px, 1fr));
+  flex: 1;
+  gap: 14px;
+}
+
+.gc-new-inbox-search-fields label {
+  display: flex;
+  flex-direction: column;
+  gap: 7px;
+  color: var(--mseva-text, #132447);
+  font-size: 13px;
+  font-weight: 700;
+}
+
+.gc-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;
+}
+
+.gc-new-inbox-search-fields input:focus {
+  border-color: #0b63ce;
+  outline: none;
+}
+
+.gc-new-inbox-search-actions {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.gc-new-inbox-search-button,
+.gc-new-inbox-clear-button {
+  min-height: 42px;
+  padding: 0 18px;
+  border-radius: 8px;
+  font: inherit;
+  font-size: 14px;
+  font-weight: 700;
+  cursor: pointer;
+}
+
+.gc-new-inbox-search-button {
+  border: 1px solid #0756a8;
+  background: #0756a8;
+  color: #ffffff;
+}
+
+.gc-new-inbox-search-button:hover {
+  background: #063a78;
+}
+
+.gc-new-inbox-clear-button {
+  border: 0;
+  background: transparent;
+  color: #0b6530;
+}
+
+.gc-new-inbox-clear-button:hover {
+  text-decoration: underline;
+}
+
+@media (min-width: 769px) {
+  .gc-new-inbox-table-wrapper .ndc-new-table {
+    min-width: 1080px;
+    table-layout: auto;
+  }
+
+  .gc-new-inbox-table-wrapper .ndc-new-table th:nth-child(1),
+  .gc-new-inbox-table-wrapper .ndc-new-table td:nth-child(1) {
+    width: 260px;
+    min-width: 260px;
+    white-space: nowrap;
+  }
+
+  .gc-new-inbox-table-wrapper .ndc-new-table th:nth-child(2),
+  .gc-new-inbox-table-wrapper .ndc-new-table td:nth-child(2) {
+    width: 220px;
+    min-width: 180px;
+    white-space: nowrap;
+  }
+
+  .gc-new-inbox-table-wrapper .ndc-new-table th:nth-child(3),
+  .gc-new-inbox-table-wrapper .ndc-new-table td:nth-child(3) {
+    width: 170px;
+    min-width: 150px;
+    white-space: nowrap;
+  }
+
+  .gc-new-inbox-table-wrapper .ndc-new-table th:nth-child(4),
+  .gc-new-inbox-table-wrapper .ndc-new-table td:nth-child(4),
+  .gc-new-inbox-table-wrapper .ndc-new-table th:nth-child(5),
+  .gc-new-inbox-table-wrapper .ndc-new-table td:nth-child(5) {
+    min-width: 180px;
+    white-space: nowrap;
+  }
+}
+
+@media (max-width: 768px) {
+  .gc-new-inbox-search {
+    align-items: stretch;
+  }
+
+  .gc-new-inbox-search-fields {
+    grid-template-columns: 1fr;
+  }
+
+  .gc-new-inbox-search-actions {
+    justify-content: space-between;
+  }
+
+  .gc-new-inbox-search-button {
+    flex: 1;
+  }
+}