@djb25/digit-ui-css 1.0.51 → 1.0.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djb25/digit-ui-css",
-  "version": "1.0.51",
+  "version": "1.0.53",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "satyam",

package/src/components/CitizenHomeCard.scss

@@ -41,6 +41,7 @@
       .linksWrapper {
         height: 25px;
         margin-bottom: 0.5em;
+        padding-left: 10px;
       }
       a {
         @apply pb-md;

package/src/components/actionbar.scss

@@ -8,6 +8,7 @@
   div {
     @apply w-full;
   }
+
   .menu-wrap {
     @apply absolute bg-white text-left mb-xs z-30 cursor-pointer;
     bottom: 45px;
@@ -83,6 +84,7 @@
   div {
     @apply w-full;
   }
+
   .menu-wrap {
     @apply absolute bg-white text-left mb-xs z-30 cursor-pointer;
     box-shadow: rgba(0, 0, 0, 0.14) 0 8px 10px 1px, rgba(0, 0, 0, 0.12) 0 3px 14px 2px, rgba(0, 0, 0, 0.2) 0 5px 5px -3px;
@@ -92,6 +94,14 @@
     div {
       @apply h-12 pl-sm py-md text-body-l text-text-primary;
 
+      p {
+        word-wrap: break-word;
+      }
+
+      &:hover {
+        @apply bg-grey-mid w-full;
+      }
+
       &:hover {
         @apply bg-grey-mid w-full;
       }
@@ -119,4 +129,4 @@
     align-items: center;
     margin-left: 10px;
   }
-}
+}

package/src/components/body.scss

@@ -160,6 +160,10 @@ body {
       border-bottom: 2px solid #000;
     }
 
+    .header.inbox-link {
+      padding: 0;
+    }
+
     .ws-docs-container {
       display: flex;
       flex-direction: column;

package/src/components/card.scss

@@ -485,7 +485,6 @@
 
 .employeeCard-override {
   margin-left: 0px !important;
-  padding: 40px;
 }
 
 .BPAemployeeCard {

package/src/components/staticSideBar.scss

@@ -48,8 +48,8 @@
   overflow: hidden;
   position: relative;
   z-index: 101;
-  padding-top: 56px;
-  height: 100vh;
+  padding-top: 70px;
+  min-height: calc(100vh - 70px);
 }
 
 .citizen-static-sidebar.expanded {

package/src/index.scss

@@ -141,6 +141,10 @@ h6 {
   @apply flex-1;
 }
 
+.flex-roww {
+  display: flex;
+}
+
 .display-flex-gap-2 {
   @apply flex gap-3;
 }
@@ -308,6 +312,7 @@ input[readonly] {
   @apply border-grey-dark text-grey-dark !important;
   pointer-events: none !important;
 }
+
 .disabled-label {
   @apply border-grey-dark text-grey-dark !important;
   pointer-events: none !important;
@@ -485,6 +490,7 @@ input[type="number"] {
 .phone-input-wrapper {
   display: flex;
 }
+
 .phone-input-wrapper:hover {
   .employee-card-input--front {
     border: 2px solid #a1a1aa;
@@ -495,6 +501,7 @@ input[type="number"] {
   input {
     border: 2px solid #a1a1aa;
     color: #a1a1aa;
+
     &:focus-within {
       outline: none;
       border-color: #007bff;
@@ -511,6 +518,7 @@ input[type="number"] {
     box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
     z-index: 1;
   }
+
   input {
     outline: none;
     border-color: #007bff;
@@ -694,8 +702,7 @@ input[type="number"] {
   }
 }
 
-.applications-list-container {
-}
+.applications-list-container {}
 
 .complaint-summary {
   @media (min-width: 780px) {
@@ -725,6 +732,7 @@ input[type="number"] {
 }
 
 @media (min-width: 780px) {
+
   .citizen-obps-wrapper,
   .pgr-citizen-wrapper,
   .pt-citizen,
@@ -751,6 +759,7 @@ input[type="number"] {
 }
 
 @media only screen and (max-width: 768px) {
+
   /* For mobile phones: */
   .error-boundary {
     height: 75vh;
@@ -763,6 +772,10 @@ input[type="number"] {
   min-width: 0;
 }
 
+.min-width-full {
+  min-width: 100%;
+}
+
 .employee-app-wrapper {
   min-height: calc(100vh - 8em);
   height: calc(100vh - 102px);
@@ -958,3 +971,15 @@ input[type="number"] {
 .round-medium {
   border-radius: 6px;
 }
+
+.rdrDateDisplayItem {
+  input[readonly] {
+    border-radius: 4px;
+  }
+}
+
+@media (max-width: 1024px) {
+  .rdrDefinedRangesWrapper {
+    display: none;
+  }
+}

package/src/pages/citizen/HomePageWrapper.scss

@@ -315,9 +315,9 @@
     display: flex;
     align-items: flex-start;
     position: sticky;
-    top: 58px;
-    height: calc(100vh - 58px);
-    min-height: calc(100vh - 58px);
+    top: 70px;
+    height: calc(100vh - 70px);
+    min-height: calc(100vh - 70px);
     align-self: flex-start;
   }
 }
@@ -450,8 +450,6 @@
 @screen dt {
   .HomePageWrapper {
     width: 100%;
-    padding: 28px 32px 64px;
-
     .BannerWithSearch {
       margin-bottom: 56px;
       width: 100% !important;

package/src/pages/employee/ekyc.scss

@@ -10,6 +10,7 @@
 }
 
 .ekyc-employee-container {
+  width: 100%;
   .inbox-main-container {
     flex: 1;
     padding-right: 0px;
@@ -49,7 +50,7 @@
       left: 0;
       width: 4px;
       height: 100%;
-      background: #185FA5;
+      background: #185fa5;
       opacity: 0.1;
     }
   }
@@ -123,7 +124,7 @@
       margin-bottom: 4px;
 
       &.total {
-        background: #185FA5;
+        background: #185fa5;
         box-shadow: 0 0 8px rgba(24, 95, 165, 0.2);
       }
 
@@ -756,7 +757,7 @@
 
   /* StatusCards Styles */
   .status-cards-wrapper {
-    font-family: 'Segoe UI', sans-serif;
+    font-family: "Segoe UI", sans-serif;
     width: 100%;
     background: #eef3fb;
     border-radius: 16px;
@@ -777,7 +778,7 @@
         gap: 6px;
         font-size: 11px;
         font-weight: 700;
-        color: #185FA5;
+        color: #185fa5;
         letter-spacing: 1.2px;
         text-transform: uppercase;
         margin-bottom: 6px;
@@ -785,7 +786,7 @@
         .eyebrow-dot {
           width: 12px;
           height: 12px;
-          background: #185FA5;
+          background: #185fa5;
           border-radius: 3px;
           flex-shrink: 0;
         }
@@ -983,7 +984,7 @@
           .progress-fill {
             height: 100%;
             border-radius: 3px;
-            background: linear-gradient(90deg, #0c2a52, #185FA5);
+            background: linear-gradient(90deg, #0c2a52, #185fa5);
           }
         }
 
@@ -1016,4 +1017,4 @@
       }
     }
   }
-}
+}

package/src/pages/employee/popupmodule.scss

@@ -1,5 +1,5 @@
 .popup-module {
-  width: 480px;
+  width: auto;
   margin: 0 auto;
   @apply bg-white;
 
@@ -19,7 +19,7 @@
 
 @screen dt {
   .popup-module {
-    width: 480px;
+    width: auto;
     margin: auto;
     @apply bg-white;
 

package/src/pages/employee/userProfile.scss

@@ -214,7 +214,6 @@
 
   &.employee {
     padding: 24px;
-    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.2);
   }
 
   &.citizen {