@djb25/digit-ui-css 1.0.52 → 1.0.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djb25/digit-ui-css",
-  "version": "1.0.52",
+  "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/card.scss

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

package/src/index.scss

@@ -312,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;
@@ -489,6 +490,7 @@ input[type="number"] {
 .phone-input-wrapper {
   display: flex;
 }
+
 .phone-input-wrapper:hover {
   .employee-card-input--front {
     border: 2px solid #a1a1aa;
@@ -499,6 +501,7 @@ input[type="number"] {
   input {
     border: 2px solid #a1a1aa;
     color: #a1a1aa;
+
     &:focus-within {
       outline: none;
       border-color: #007bff;
@@ -515,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;
@@ -698,8 +702,7 @@ input[type="number"] {
   }
 }
 
-.applications-list-container {
-}
+.applications-list-container {}
 
 .complaint-summary {
   @media (min-width: 780px) {
@@ -729,6 +732,7 @@ input[type="number"] {
 }
 
 @media (min-width: 780px) {
+
   .citizen-obps-wrapper,
   .pgr-citizen-wrapper,
   .pt-citizen,
@@ -755,6 +759,7 @@ input[type="number"] {
 }
 
 @media only screen and (max-width: 768px) {
+
   /* For mobile phones: */
   .error-boundary {
     height: 75vh;
@@ -767,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);
@@ -973,4 +982,4 @@ input[type="number"] {
   .rdrDefinedRangesWrapper {
     display: none;
   }
-}
+}

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;