@entit/digit-ui-css 2.0.0 → 2.0.1

package/src/pages/employee/inbox.scss

@@ -28,14 +28,12 @@
     .link {
       @apply p-sm text-primary-main items-center;
       display: flex !important;
-      color: #a82227 !important;
     }
 
     .inbox-total {
       padding: 4px;
       display: table;
       @apply whitespace-normal text-center text-white w-8 h-8 bg-primary-main rounded-full ml-xs;
-      background-color: #a82227 !important;
     }
   }
 
@@ -44,7 +42,6 @@
     .link {
       padding: 0 !important;
       padding-bottom: 4px !important;
-      color: #a82227 !important;
       svg {
         @apply ml-sm;
       }
@@ -52,9 +49,9 @@
   }
 }
 
-.MobilePopupHeadingWrapper {
+.MobilePopupHeadingWrapper{
   @apply flex place-content-between mb-md;
-  h2 {
+  h2{
     @apply text-heading-l font-bold;
   }
 }
@@ -88,8 +85,8 @@
     padding: 10px;
 
     .heading {
-      justify-content: unset;
-      @apply flex;
+      justify-content: unset ;
+      @apply flex ;
 
       .clearAll {
         display: none;
@@ -99,17 +96,17 @@
     .filter-label {
       @apply font-bold text-heading-l flex gap-3;
       padding-bottom: 6px;
-      svg {
-        fill: #0b0c0c;
+      svg{
+        fill: #0b0c0c
       }
     }
-    .sub-filter-label {
+    .sub-filter-label{
       font-weight: 400;
       font-size: 16px;
     }
   }
-  .filter-form-field {
-    p {
+  .filter-form-field{
+    p{
       @apply text-form-field text-text-primary block mb-md;
     }
   }
@@ -121,7 +118,7 @@
       .filter-card {
         @apply bg-white;
         padding: 10px;
-        .filter-card-close-button {
+        .filter-card-close-button{
           @apply flex flex-row-reverse;
         }
         .heading {
@@ -135,12 +132,12 @@
         .filter-label {
           @apply text-heading-m block flex gap-3 items-center;
           padding-bottom: 6px;
-          svg {
-            fill: #0b0c0c;
+          svg{
+            fill: #0b0c0c
           }
         }
 
-        .sub-filter-label {
+        .sub-filter-label{
           font-weight: 400;
           font-size: 16px;
         }
@@ -193,6 +190,28 @@
   @apply inline ml-sm p-sm bg-primary-main rounded-full text-white text-heading-s align-middle text-center font-regular;
 }
 
+.search-tabs-container {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+  margin-bottom: 35px;
+  display: flex;
+  justify-content: space-between;
+
+  .search-tab-head {
+    padding: 10px 35px;
+  }
+
+  .search-tab-head-selected {
+    padding: 10px 35px;
+    color: rgb(244, 119, 56);
+    border-bottom: 4px solid rgb(244, 119, 56);
+    font-weight: bold;
+  }
+
+  .search-tab-head-selected:focus {
+    outline: 0;
+  }
+}
+
 @screen dt {
   .complaint-links-container {
     @apply bg-white;
@@ -217,7 +236,6 @@
       margin-left: 46px;
 
       .link {
-        color:#a82227 !important;
         @apply p-sm text-primary-main;
       }
     }
@@ -233,7 +251,7 @@
         @apply bg-white;
         svg {
           path {
-            fill: #a82227;
+            fill: #f47738;
           }
         }
       }
@@ -278,9 +296,6 @@
           }
         }
       }
-      .citizen-filter {
-        margin-top: unset;
-      }
     }
 
     .search-container {
@@ -298,7 +313,7 @@
 
         .complaint-input-container {
           /* display: inline-block !important; */
-          display: grid !important;
+          display: grid;
           grid-template-columns: 33.33% 33.33% 33.33%;
 
           &.for-pt {
@@ -339,6 +354,7 @@
             }
           }
 
+    
           .input-fields {
             /*width: calc(50% - 16px);*/
 
@@ -374,6 +390,8 @@
           }
         }
 
+      
+
         .search-action-wrapper {
           width: 33%;
           margin-top: 28px;
@@ -392,13 +410,15 @@
   }
 }
 
-.document-clear-all {
+.document-clear-all{
   grid-area: 2/2;
   display: flex;
   justify-content: flex-end;
   padding-right: 16px;
   align-items: center;
-}
+}         
+
+
 
 .cell-text {
   color: #505a5f;
@@ -439,249 +459,19 @@
 @screen dt {
   .complaint-links-container .header .removeBorderRadiusLogo {
     border-radius: 2px !important;
-    background-color: #a82227
   }
 }
 @screen dt {
   .customEmployeeCard {
-    width: 320px !important;
-    height: 220px !important;
-    padding: 0px !important;
+    width: 273px !important;
+    height: 263px !important;
   }
 }
 .employeeTotalLink{
-  color: #a82227;
-  
-  font-size: 12px;
-}
-
-@screen dt {
-  .groupBill-custom {
-    .custom-group-merge-container {
-      display: flex !important;
-      justify-content: space-between !important;
-      .header {
-        display: flex;
-        align-items: baseline;
-        .logo {
-          margin-right: 1rem;
-          svg {
-            path {
-              fill: #a82227;
-            }
-          }
-        }
-        .h1 {
-          font-size: 24px;
-          line-height: 28px;
-          font-weight: 400;
-          color: #a82227;
-        }
-      }
-    }
-    .inbox-container {
-      .search-container {
-        .search-complaint-container {
-          display: flex;
-          flex-direction: row;
-        }
-        .group-complaint-input-container {
-          width: 33% !important;
-          display: flex;
-          flex-direction: column;
-        }
-      }
-    }
-    .inbox-action-container {
-      display: flex;
-      flex-direction: row-reverse;
-      .clear-search {
-        margin-top: 65px;
-        margin-left: 16px;
-        padding-top: unset !important;
-      }
-      .submit-bar-search {
-        margin-top: 55px !important;
-      }
-    }
-  }
-}
-
-@screen dt {
-  .groupBill-custom {
-    .custom-group-merge-container {
-      display: flex !important;
-      justify-content: space-between !important;
-      .header {
-        display: flex;
-        align-items: baseline;
-        .logo {
-          margin-right: 1rem;
-          svg {
-            path {
-              fill: #a82227;
-            }
-          }
-        }
-        .h1 {
-          font-size: 24px;
-          line-height: 28px;
-          font-weight: 400;
-          color: #a82227;
-        }
-      }
-    }
-    .inbox-container {
-      .search-container {
-        .search-complaint-container {
-          display: flex;
-          flex-direction: row;
-        }
-        .group-complaint-input-container {
-          width: 33% !important;
-          display: flex;
-          flex-direction: column;
-        }
-      }
-    }
-    .inbox-action-container {
-      display: flex;
-      flex-direction: row-reverse;
-      .clear-search {
-        margin-top: 65px;
-        margin-left: 16px;
-        padding-top: unset !important;
-      }
-      .submit-bar-search {
-        margin-top: 55px !important;
-      }
-    }
-  }
+  color: #505A5F;
+  font-size: 16px;
 }
 
 .inboxLinksFSM {
   margin: 0 !important;
-}
-.complaint-links-container .body .link{
-  color: #a82227 !important;
-}
-
-.employee .customEmployeeCard:nth-child(odd){
-  .employeeCustomCard{
-    background-image: url("https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-red-card.png");
-    background-size: cover
-  }
-}
-.employee .customEmployeeCard:nth-child(even){
-  .employeeCustomCard{
-background-image: url("https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-green-card.png");
-background-size: cover
-  }
-}
-.employee .employeeCustomCard {
-  border-radius: 4%;
-    .employeeCustomCard {
-      border-radius: 4%;
-  }
-}
-.employee-card-banner{
-    background-color: white;
-    width: 88%;
-    margin: 0 auto;
-    bottom: 0px;
-    position: absolute;
-    margin-bottom: -10%;
-    left: 6%;
-    box-shadow: 1px 5px 6px 0px #e3e4e3;
-    border-radius: 10px;
-}
-.text-employee-card{
-  font-size: 1.5rem;
-  font-weight: 700;
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-  position: absolute;
-  top:10%;
-  padding-left: 10%;
-  color: white !important;
-  width: 300px;
-
-}
-
-.plumber-details-new-value-wrapper {
-  flex: 2 1 auto;
-}
-
-.connection-details-new-value-wrapper {
-  flex: 1 1 auto;
-}
-
-.connection-details-old-value-wrapper,
-.plumber-details-old-value-wrapper {
-  flex: 1 1 auto;
-
-  .old-value-null-wrapper {
-    visibility: hidden;
-    padding-bottom: 8px;
-    margin-bottom: 8px;
-  }
-  .row {
-    color: #b1b4b6;
-    font-weight: 700;
-    font-size: 16px;
-  }
-}
-
-.search-tabs-container {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
-  margin-bottom: 35px;
-  display: flex;
-  justify-content: space-between;
-
-  .search-tab-head {
-    padding: 10px 35px;
-  }
-
-  .search-tab-head-selected {
-    padding: 10px 35px;
-    color: rgb(244, 119, 56);
-    border-bottom: 4px solid rgb(244, 119, 56);
-    font-weight: bold;
-  }
-
-  .search-tab-head-selected:focus {
-    outline: 0;
-  }
-}
-
-.card-with-background {
-  background: rgb(250, 250, 250);
-  border: 1px solid rgb(214, 213, 212);
-
-  .card-head {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: 30px;
-  }
-
-  h2 {
-    font-size: 16px;
-    font-weight: 700;
-  }
-}
-
-.registryTable {
-  tHead {
-    tr {
-      th {
-        text-align: left;
-      }
-    }
-  }
-  tBody {
-    tr {
-      td {
-        text-align: left;
-      }
-    }
-  }
-}
+}