@selco/installation-ui-css 1.0.3 → 1.0.5

package/dist/index.css

@@ -1,5 +1,5 @@
 /*!
- * @selco/installation-ui-css - 1.0.3
+ * @selco/installation-ui-css - 1.0.5
  *
  * Copyright (c) 2025 Adithya Katuku
  * 
@@ -10878,6 +10878,9 @@ body {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center; }
+  .reverse-actionbar .previous-button {
+    margin-left: 0;
+    width: 100%; }
 
 @media (min-width: 640px) {
   .reverse-actionbar {
@@ -10904,7 +10907,160 @@ body {
       gap: 10px;
       -webkit-box-align: center;
       -ms-flex-align: center;
-      align-items: center; } }
+      align-items: center; }
+    .reverse-actionbar .previous-button {
+      width: 240px; } }
+
+@media (min-width: 48rem) {
+  .reverse-actionbar .previous-button {
+    margin-left: 4rem;
+    width: 240px; } }
+
+.project-details-table {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  overflow-x: auto;
+  overflow-y: visible;
+  -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
+  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
+  width: 100%; }
+  .project-details-table .table {
+    width: 100%;
+    min-width: -webkit-fit-content;
+    min-width: -moz-fit-content;
+    min-width: fit-content;
+    border-collapse: collapse;
+    font-family: Roboto;
+    font-size: 14px;
+    background-color: #fff;
+    border: 1px solid #e0e0e0; }
+    .project-details-table .table thead th {
+      background-color: #eee;
+      color: #0b4b66;
+      font-weight: 600;
+      text-align: left;
+      padding: 16px 18px;
+      font-size: 16px;
+      line-height: 18px;
+      position: relative; }
+      .project-details-table .table thead th:not(:last-child):after {
+        content: "";
+        position: absolute;
+        right: 0;
+        top: 8px;
+        bottom: 8px;
+        width: 1px;
+        background-color: #787878; }
+      .project-details-table .table thead th[style*="min-width: 100px"] {
+        text-align: center;
+        width: 60px;
+        min-width: 60px;
+        padding: 12px; }
+    .project-details-table .table tbody td {
+      padding: 16px 18px;
+      border-right: 1px solid #e0e0e0;
+      border-bottom: 1px solid #e0e0e0;
+      color: #666;
+      font-size: 14px;
+      line-height: 1.4; }
+      .project-details-table .table tbody td:last-child {
+        border-right: none; }
+      .project-details-table .table tbody td[\:has\(input\[type\%3D\%22checkbox\%22\]\)] {
+        text-align: center;
+        width: 60px;
+        min-width: 60px;
+        padding: 12px; }
+      .project-details-table .table tbody td:has(input[type=checkbox], .checkbox-wrap .input-emp[type=checkbox], .digit-checkbox-wrap .input-emp[type=checkbox]) {
+        text-align: center;
+        width: 60px;
+        min-width: 60px;
+        padding: 12px; }
+    .project-details-table .table tbody tr:nth-child(2n) {
+      background-color: #f8f9fa; }
+    .project-details-table .table tbody tr:nth-child(odd) {
+      background-color: #fff; }
+    .project-details-table .table tbody tr:hover {
+      background-color: #f0f7ff;
+      cursor: pointer; }
+    .project-details-table .table tbody tr td:first-child {
+      font-weight: 500;
+      color: #333; }
+  .project-details-table .pagination {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: end;
+    -ms-flex-pack: end;
+    justify-content: flex-end;
+    padding: 16px 0;
+    grid-gap: 12px;
+    gap: 12px;
+    color: #666;
+    background-color: #fafafa;
+    border-top: 1px solid #e0e0e0;
+    margin-top: 0; }
+    .project-details-table .pagination select {
+      padding: 6px 12px;
+      border: 1px solid #e0e0e0;
+      border-radius: 10px;
+      background-color: #fff;
+      margin: 0 8px; }
+      .project-details-table .pagination select:focus {
+        outline: 2px solid #1976d2;
+        outline-offset: -1px; }
+    .project-details-table .pagination .cp {
+      padding: 8px;
+      cursor: pointer;
+      border-radius: 10px;
+      -webkit-transition: background-color .2s ease;
+      transition: background-color .2s ease; }
+      .project-details-table .pagination .cp:hover {
+        background-color: #f0f7ff; }
+      .project-details-table .pagination .cp:hover {
+        background-color: #f0f0f0; }
+  .project-details-table .actionBarWrapper {
+    background-color: #e3f2fd;
+    border: 1px solid #1976d2;
+    border-radius: 10px;
+    padding: 12px 16px;
+    margin-top: 16px;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between; }
+    .project-details-table .actionBarWrapper .search-instruction-header {
+      color: #333;
+      font-weight: 500; }
+  .project-details-table .toast {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    z-index: 1000;
+    padding: 12px 16px;
+    border-radius: 10px;
+    background-color: #fff;
+    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
+    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.2);
+    border-left: 4px solid #1976d2; }
+    .project-details-table .toast.error {
+      border-left-color: #d32f2f; }
+  @media (max-width: 768px) {
+    .project-details-table .table {
+      min-width: 800px;
+      white-space: nowrap; }
+    .project-details-table .table td, .project-details-table .table th {
+      min-width: 120px; }
+      .project-details-table .table td:first-child, .project-details-table .table th:first-child {
+        min-width: 150px; } }
 
 .wbh-header .header-icon-container {
   cursor: pointer;
@@ -11161,6 +11317,13 @@ body {
 .workbench-localization-add-popup .digit-popup-children-wrap {
   overflow: visible !important; }
 
+.digit-bread-crumb--item .digit-bread-crumb-seperator {
+  color: #0b0c0c; }
+
+.digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem .digit-label.selectAll {
+  font-size: 16px;
+  text-decoration: underline; }
+
 .typography.text-heading-xl {
   font-family: Roboto Condensed;
   font-style: normal;
@@ -13665,6 +13828,10 @@ button:hover {
 .chart-item-5 {
   color: #0babde !important; }
 
+@media (max-width: 30rem) {
+  .digit-topbar {
+    height: 4.5rem; } }
+
 .wbh-header, .wbh-header-container {
   display: -webkit-box !important;
   display: -ms-flexbox !important;
@@ -14232,7 +14399,8 @@ input[type=number], .checkbox-wrap .input-emp[type=number], .digit-checkbox-wrap
     height: 75vh; } }
 
 .employee-app-wrapper {
-  min-height: calc(100vh - 8em); }
+  min-height: calc(100vh - 8em);
+  margin: 0; }
 
 .ws-custom-wrapper .submit {
   display: -webkit-box !important;
@@ -14343,36 +14511,20 @@ input[type=number], .checkbox-wrap .input-emp[type=number], .digit-checkbox-wrap
   width: calc(100% - 5rem); }
 
 .actionBarClass {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: reverse;
   -ms-flex-direction: row-reverse;
   flex-direction: row-reverse; }
 
-.previous-button {
-  width: 100%; }
-
-@media (min-width: 640px) {
-  .previous-button {
-    width: 240px; } }
-
-@media (min-width: 48rem) {
-  .previous-button {
-    margin-left: 4rem;
-    width: 240px; } }
-
-.view-composer-header-section {
+.actionBarClass, .view-composer-header-section {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
-  justify-content: space-between;
+  justify-content: space-between; }
+
+.view-composer-header-section {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center; }
@@ -14406,3 +14558,10 @@ input[type=number], .checkbox-wrap .input-emp[type=number], .digit-checkbox-wrap
 
 .workbench-localization-add-popup .digit-popup-children-wrap {
   overflow: visible !important; }
+
+.digit-bread-crumb--item .digit-bread-crumb-seperator {
+  color: #0b0c0c; }
+
+.digit-multiselectdropdown-wrap .digit-multiselectdropodwn-menuitem .digit-label.selectAll {
+  font-size: 16px;
+  text-decoration: underline; }