@selco/installation-ui-css 1.0.0

package/src/pages/employee/login.scss

@@ -0,0 +1,351 @@
+.loginFormStyleEmployee {
+  .employeeCard {
+    .submit-bar {
+      @apply w-full;
+    }
+  }
+}
+
+.banner .bannerCard {
+  min-width: 420px !important;
+}
+
+.employeeForgotPassword .employeeCard .field .field-container .component-in-front {
+  margin-top: 0;
+  border: 1px solid;
+  border-right: none;
+  padding: 7px;
+}
+
+@screen dt {
+  .employeeForgotPassword .employeeCard .field .field-container .component-in-front {
+    padding: 7px;
+  }
+
+  .loginFormStyleEmployee .employeeCard,
+  .banner .bannerCard {
+    min-width: 420px !important;
+  }
+
+  .employeeForgotPassword .employeeCard,
+  .employeeChangePassword .employeeCard {
+    max-width: 420px !important;
+    min-width: 420px !important;
+  }
+}
+
+.employeeForgotPassword .employee-card-input {
+  margin-bottom: 0px;
+  border-left: none;
+}
+
+.employeeForgotPassword .field-container {
+  margin: 10px 0;
+}
+
+.employeeForgotPassword {
+  .submit-bar {
+    @apply w-full;
+  }
+}
+
+.employeeChangePassword .submit-bar {
+  width: 100% !important;
+}
+
+.employeeChangePassword .card-text {
+  text-align: center;
+}
+
+.employeeChangePassword .input-otp-wrap {
+  text-align: center;
+}
+
+.submit-bar {
+  .submit-bar {
+    @apply w-full;
+  }
+}
+
+.loginFormStyleEmployee .bannerHeader p,
+.employeeForgotPassword .bannerHeader p,
+.employeeChangePassword .bannerHeader p {
+  font-size: 19px;
+}
+
+.employeeCard .card-sub-header {
+  font-size: 24px;
+}
+
+.loginFormStyleEmployee .employeeCard .card-label,
+.employeeForgotPassword .employeeCard .card-label {
+  font-weight: normal;
+  font-size: 16px;
+  line-height: 19px;
+  color: theme(colors.text.primary);
+  margin-top: 20px;
+}
+
+.banner .bannerHeader {
+  margin-bottom: 20px;
+}
+
+.employeeCard .card-label {
+  font-weight: normal;
+  font-size: 16px;
+  line-height: 19px;
+  color: theme(colors.text.primary);
+}
+
+.profile-label-margin {
+  margin-top: 10px;
+}
+
+.employeeForgotPassword .employeeCard .card-label-desc {
+  font-weight: normal;
+  font-size: 16px;
+  line-height: 24px;
+  color: theme(colors.text.secondary);
+  margin-top: 15px;
+}
+
+.employeeChangePassword .employeeCard .card-text {
+  margin-bottom: 15px;
+  font-size: 16px;
+  color: theme(colors.text.secondary);
+}
+
+@media screen and (max-width: 768px) {
+  .employeeChangePassword .employeeCard .card-text {
+    margin-top: 7px;
+  }
+
+  .employeeCard .card-sub-header {
+    font-size: 18px;
+  }
+}
+
+.employeeChangePassword .employeeCard .card-text-button {
+  text-align: center !important;
+  margin-bottom: 12px !important;
+}
+
+.employeeChangePassword .employeeCard .input-otp-wrap {
+  margin-bottom: 10px;
+}
+
+.employee .loginContainer {
+  padding-top: 0px !important;
+}
+
+.banner {
+  height: calc(100vh) !important;
+}
+
+.employeeChangePassword .employeeCard .field .field-container {
+  margin-bottom: 24px;
+}
+
+.employeeForgotPassword .employeeCard .employee-card-sub-header,
+.employeeChangePassword .employeeCard .employee-card-sub-header,
+.loginFormStyleEmployee .employeeCard .employee-card-sub-header {
+  font-size: 24px !important;
+  line-height: 28px !important;
+  margin-bottom: 0px !important;
+}
+
+@media screen and (max-width: 768px) {
+  .employeeForgotPassword .employeeCard .employee-card-sub-header,
+  .employeeChangePassword .employeeCard .employee-card-sub-header,
+  .loginFormStyleEmployee .employeeCard .employee-card-sub-header {
+    font-size: 18px !important;
+    line-height: 21px !important;
+    margin-bottom: 0px !important;
+  }
+
+  .loginFormStyleEmployee .employeeCard,
+  .banner .bannerCard {
+    min-width: 340px !important;
+    margin: 10px !important;
+  }
+
+  .employeeForgotPassword .employeeCard,
+  .employeeChangePassword .employeeCard {
+    max-width: 360px !important;
+    min-width: 340px !important;
+    margin: 10px !important;
+  }
+}
+
+.employeeChangePassword .employeeCard .card-text {
+  margin-top: 18px !important;
+  margin-bottom: 20px !important;
+}
+
+.employeeBackbuttonAlign {
+  display: none;
+}
+
+.resend-otp {
+  cursor: pointer;
+}
+
+.employee-select-wrap.login-city-dd {
+  .options-card {
+    max-height: 200px;
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .employeeBackbuttonAlign {
+    display: block;
+    position: absolute;
+    top: 20px;
+    left: 20px;
+  }
+
+  .banner {
+    align-items: flex-end;
+    padding-bottom: 40px;
+    height: 100vh !important;
+  }
+
+  .topbar {
+    background: rgba(34, 57, 77, var(--bg-opacity)) !important;
+    color: white;
+  }
+
+  .employee .loginContainer {
+    padding-top: 0px !important;
+  }
+
+  .removeBottomMargin {
+    margin-bottom: 0px !important;
+  }
+
+  .employee-select-wrap.login-city-dd {
+    .options-card {
+      max-height: 160px;
+    }
+  }
+}
+
+.loginFormStyleEmployee {
+  .loginCardSubHeaderClassName {
+    text-align: center !important;
+  }
+
+  .loginCardClassName {
+    margin: auto !important;
+    min-width: 408px !important;
+
+    header.employee-card-sub-header {
+      text-align: center;
+      margin-top: 10px;
+    }
+
+    header.digit-header-content {
+      &:not(.label) {
+        text-align: center;
+        font-family: theme(digitv2.fontFamily.sans);
+        font-style: theme(digitv2.fontStyle.normal);
+        font-weight: theme(digitv2.fontWeight.bold);
+        line-height: theme(digitv2.lineHeight.lineheight1);
+        @media (max-aspect-ratio: 9/16) {
+          font-size: theme(digitv2.fontSize.heading-m.mobile);
+        }
+        @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
+          font-size: theme(digitv2.fontSize.heading-m.tablet);
+        }
+        @media (min-aspect-ratio: 3/4) {
+          font-size: theme(digitv2.fontSize.heading-m.desktop);
+        }
+      }
+    }
+  }
+
+  .buttonClassName {
+    max-width: 100% !important;
+    width: 100% !important;
+  }
+
+  .field .field-container .text-input input {
+    margin-bottom: 5px !important;
+  }
+
+  .bannerHeader {
+    margin-bottom: 0px !important;
+  }
+
+  .primary-label-btn {
+    margin: 20px auto 0 auto !important;
+  }
+
+  .employee-select-wrap .options-card {
+    max-height: 150px !important;
+  }
+}
+.digit-privacy-checkbox {
+  display: flex;
+  margin-bottom: -2.5rem;
+  margin-top: -1.5rem;
+  gap: 0.12rem;
+  align-items: center;
+}
+.privacy-popup-header {
+  font-weight: 700;
+}
+
+@media (min-width: 47.8rem) {
+  .privacy-popUpClass {
+    .digit-popup-footer-buttons {
+      flex-wrap: nowrap !important;
+    }
+    .accept-class {
+      width: 11.886rem;
+    }
+  }
+}
+
+.languageSelection {
+  width: unset !important;
+}
+.desc-dot {
+  height: 8px;
+  width: 8px;
+  background-color: black;
+  border-radius: 50%;
+  display: inline-block;
+  margin-right: 0.5rem;
+}
+
+.privacy-table {
+  font-weight: 700;
+}
+.policy-subdescription {
+  margin-left: "1rem";
+  margin-top: "0.5rem";
+}
+.policy-subdescription-points {
+  display: "flex";
+  align-items: "center";
+  margin-bottom: "0.5rem";
+  padding-left: "1rem";
+}
+
+
+.loginCardClassName{
+  .digit-dropdown-employee-select-wrap {
+    .digit-dropdown-options-card{
+      max-height: 10vmax;
+    }
+  }
+}
+
+.employeeForgotPassword{
+  .digit-dropdown-employee-select-wrap {
+    .digit-dropdown-options-card{
+      max-height: 10vmax;
+    }
+  }
+}

package/src/pages/employee/oldMobileInbox.scss

@@ -0,0 +1,5 @@
+.linksWrapperForMobileInbox{
+    .header{
+        justify-content: initial;
+    }
+}

package/src/pages/employee/popupmodule.scss

@@ -0,0 +1,34 @@
+.popup-module {
+  width: 480px;
+  margin: 0 auto;
+  @apply bg-white;
+
+  .popup-module-main {
+    @apply px-lg pb-lg;
+  }
+
+  .popup-module-action-bar {
+    gap: 16px;
+    @apply flex flex-row justify-end;
+  }
+}
+
+@screen dt {
+  .popup-module {
+    width: 480px;
+    margin: auto;
+    @apply bg-white;
+
+    .popup-module-main {
+      @apply px-lg pb-lg;
+    }
+    .popup-module-main {
+      @apply w-full p-sm h-full;
+    }
+
+    .popup-module-action-bar {
+      gap: 16px;
+      @apply flex flex-row justify-end;
+    }
+  }
+}

package/src/pages/employee/response.scss

@@ -0,0 +1,3 @@
+.secondary-action{
+    @apply inline float-right;
+}