@entit/digit-ui-css 2.0.0 → 2.0.1

package/src/index.scss

@@ -74,13 +74,7 @@
 @import "./components/EventCalendarView.scss";
 @import "./components/OnGroundEventCard.scss";
 @import "./components/PopupHeadingLabel.scss";
-@import "./components/staticSideBar.scss";
 @import "./components/hoc/index.scss";
-@import "./components/FAQ.scss";
-@import "./components//howItWorks.scss";
-@import "./components/staticDynamicMessages.scss";
-@import "./components/toggleSwitch.scss";
-@import "./components/plusMinus.scss";
 
 @import "./pages/employee/index.scss";
 @import "./pages/employee/cardfix.scss";
@@ -107,72 +101,70 @@
 @import "./pages/citizen/citizenDocument.scss";
 @import "./pages/employee/surveys.scss";
 
-.display-none {
+.display-none{
   display: none;
 }
-.primary-label-btn{
-  margin: 10px auto 0px !important;
-}
-.p-unset {
+
+.p-unset{
   padding: unset !important;
 }
 
-.flex-one {
+.flex-one{
   @apply flex-1;
 }
 
-.display-flex-gap-2 {
+.display-flex-gap-2{
   @apply flex gap-3;
 }
 .rm-mb {
   margin-bottom: unset !important;
 }
 
-.w-fullwidth {
+.w-fullwidth{
   @apply w-full;
 }
 
-.margin-unset {
+.margin-unset{
   margin: unset !important;
 }
 
-.text-align-center {
+.text-align-center{
   @apply text-center;
 }
 
-.desktop-only {
+.desktop-only{
   @apply hidden;
 }
 
 @screen dt {
-  .desktop-only {
+  .desktop-only{
     @apply block;
-  }
+  } 
 }
 
-.mobile-only {
+.mobile-only{
   @apply block;
 }
 
 @screen dt {
-  .mobile-only {
+  .mobile-only{
     @apply hidden;
-  }
+  } 
 }
 
 .dark {
   @apply text-text-primary;
 }
 
-.mrlg {
+.mrlg{
   @apply mr-lg;
 }
 
-.mrsm {
+.mrsm{
   @apply mr-sm;
 }
 
-.mbsm {
+.mbsm{
   @apply mb-sm;
 }
 
@@ -186,7 +178,7 @@
 }
 
 .clear-search-label {
-  color: #a82227;
+  color: #f47738;
   cursor: pointer;
 }
 
@@ -199,7 +191,7 @@
   @apply flex justify-between items-center;
 
   .download-button {
-    color: a82227;
+    color: #f47738;
     margin-left: 8px;
   }
 }
@@ -208,15 +200,13 @@
   @apply flex mb-sm;
 
   .download-button {
-    color: #a82227;
+    color: #f47738;
     margin-left: 8px;
-    white-space: nowrap;
-
   }
 }
 
 .check-page-link-button {
-  color: #a82227 !important;
+  color: #f47738 !important;
 }
 
 .pt-application-download-btn {
@@ -239,10 +229,10 @@
   gap: 10px;
 
   svg {
-    fill: #a82227;
+    fill: #f47738;
   }
 
-  color: #5a1166;
+  color: #f47738;
 
   cursor: pointer;
   font-weight: 500;
@@ -250,7 +240,7 @@
 }
 
 .primaryColor {
-  color: #0b0c0c !important;
+  color: #0B0C0C !important;
 }
 
 @media (hover: hover) {
@@ -433,21 +423,13 @@ input[type="number"] {
 
 .text-input {
   @apply relative w-full;
-  input {
-    &:hover {
+  input{
+    &:hover{
       @apply border-2 border-solid border-primary-main;
     }
   }
 }
 
-.text-input-width {
-  max-width: 540px;
-}
-
-.text-mobile-input-width {
-  max-width: 500px;
-}
-
 .custom-time-picker {
   @apply w-full;
   max-width: 200px;
@@ -475,7 +457,7 @@ input[type="number"] {
 .card-label-APK {
   @apply w-1/3;
   margin-bottom: revert;
-  width: 100%;
+  width:100%;
 }
 
 .underline {
@@ -508,7 +490,7 @@ input[type="number"] {
 
 .edcr-citizen-inbox{ 
    thead th:first-child{
-  min-width:100px; 
+  min-width:155px; 
 }
 
 }
@@ -522,27 +504,6 @@ input[type="number"] {
   justify-content: center;
   align-items: center;
   flex-direction: column;
-  position: absolute !important;
-  .error-container {
-    display: flex;
-    width: 400px;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    h1 {
-      font-size: 32px;
-      font-weight: bold;
-    }
-    button {
-      height: 40px;
-      width: 153px;
-      border-radius: 0px;
-      padding: 8px 24px;
-      color: white;
-      cursor: pointer;
-      background-color: #a82227;
-    }
-  }
 }
 
 .error-boundary summary,
@@ -555,214 +516,29 @@ input[type="number"] {
   padding: 3px;
 }
 
-.full-width-card {
-  width: 92vw !important;
+.full-width-card{
+  width : 92vw !important;
 }
-.full-employee-card-link {
-  width: 100% !important;
+.full-employee-card-link{
+  width: 100%!important;
   margin: 7px 0px;
 }
-.full-employee-card-height {
-  height: unset !important;
+.full-employee-card-height{
+ height: unset !important;
 }
 
 @media (min-width: 640px) {
-  .full-employee-card-height {
+  .full-employee-card-height{
     height: 196px !important;
   }
-  .full-employee-card-link {
-    width: 30% !important;
+  .full-employee-card-link{
+    width: 30%!important;
   }
-  .full-width-card {
+  .full-width-card{
     @apply w-full !important;
   }
 }
-.applications-list-container {
-}
-.complaint-summary {
-  @media (min-width: 780px) {
-    flex: 1 0 auto;
-    margin-left: 1rem;
-    margin-top: 1rem;
-  }
-}
-
-@media (min-width: 780px) {
-  .citizen-form-wrapper {
-    width: calc(100% - 219px);
-    display: flex;
-    justify-content: center;
-    margin-top: 1rem;
-    padding-left: 16px;
-    padding-right: 16px;
-  }
-}
-@media (min-width: 780px) {
-  .citizen-card-container {
-    padding-left: 15px;
-    padding-right: 15px;
-    margin-top: 1rem;
-  }
-}
-
-@media (min-width: 780px) {
-  .citizen-obps-wrapper,
-  .selection-card-wrapper,
-  .fsm-citizen-wrapper,
-  .pgr-citizen-wrapper,
-  .pt-citizen,
-  .bill-citizen,
-  .bills-citizen-wrapper,
-  .payer-bills-citizen-wrapper,
-  .engagement-citizen-wrapper,
-  .citizen-all-services-wrapper,
-  .mcollect-citizen,
-  .ws-citizen-wrapper,
-  .tl-citizen {
-    width: calc(100% - 219px);
-    padding-left: 16px;
-    padding-right: 16px;
-    margin-top: 1rem;
-  }
-}
-@media only screen and (max-width: 768px) {
-  /* For mobile phones: */
-  .error-boundary {
-    height: 75vh;
-  }
-}
-.employee-app-wrapper {
-  min-height: calc(100vh - 8em);
-}
-
-.ws-custom-wrapper {
-  .submit {
-    display: flex !important;
-    flex-direction: row-reverse !important;
-    width: 100% !important;
-    align-items: center;
-    button {
-      width: 240px !important;
-    }
-    p {
-      width: unset;
-      margin-right: 1rem;
-    }
-  }
-}
-
-.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;
-  }
-}
-
-.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;
-  }
-}
-
-.modal-header-ws {
-  padding: 1rem;
-  font-weight: 400;
-}
-.modal-body-ws {
-  padding: 1rem;
-  font-weight: 700;
-  color: #0b0c0c;
-  font-size: 24px;
-  margin-bottom: 1rem;
-}
-.privacy-icon {
-  cursor: pointer;
-}
-.privacy-icon:hover {
-  path {
-    fill: rgba(244, 119, 56, 1);
-  }
-}
 
 .employee-app-wrapper{
 min-height: calc(100vh - 8em);
-}
-.submit-bar header{
-  line-height: 2.0rem !important;
-}
-.logo-removeBorderRadiusLogo svg{
-  width: 50px;
-  height: 60px;
-}
-
-.icon-banner-employee {
-    background-color:#d7aefc !important;
-}
-.icon-banner-employee svg{
-  background-color:#bf2f3b !important;
-  width: 40px;
-  height: 40px;
-}
-.inboxButton{
-    border: none;
-    color: white;
-    text-align: center;
-    text-decoration: none;
-    display: inline-block;
-    font-size: 14px;
-    margin: 4px 2px;
-    cursor: pointer;
-    height: fit-content;
-    border-radius: 5px;
-    font-family: sans-serif;
-    font-weight: 700;
-}
-.employee .inboxButton{
-  padding: 5px 15px;
-  background: #ba2b36
-}
-.citizen .inboxButton{
-  padding: 15px;
-  font-size: 1.2rem
-}
-
-@media screen and (max-width: 768px) {
-  .citizen .inboxButton{
-    font-size: 1rem;
-  }
-}
-
+}

package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss

@@ -1,8 +1,5 @@
-.CitizenEngagementNotificationWrapper {
-  .h1 {
-    margin: 15px;
-  }
-  .WhatsNewCard {
-    @apply mx-md mb-md;
-  }
-}
+.CitizenEngagementNotificationWrapper{
+    .WhatsNewCard{
+        @apply mx-md mb-md;
+    }
+}

package/src/pages/citizen/DocumentList.scss

@@ -109,7 +109,7 @@
         font-weight: normal;
         font-size: 16px;
         line-height: 19px;
-        color: #a82227;
+        color: #f47738;
       }
     }
   }
@@ -129,7 +129,7 @@
           font-weight: normal;
           font-size: 16px;
           line-height: 19px;
-          color: #a82227;
+          color: #F47738;
         }
       }
     }