@nudmcdgnpm/cnd-css 1.0.0

package/src/pages/employee/login.scss

@@ -0,0 +1,260 @@
+.loginFormStyleEmployee {
+  z-index: 10;
+  margin-top: 15px;
+  .employeeCard {
+    .submit-bar {
+      @apply w-full;
+      height: 2rem !important;
+    }
+    .employeeCard 
+      .submit-bar .submit-bar header
+      {
+        line-height: 2rem !important;
+        font-size: 16px;
+        
+      }
+  }
+}
+.banner .bannerCard{
+  min-width: 420px !important;
+  background-color: transparent;
+}
+.employeeForgotPassword .employeeCard .field .field-container .component-in-front {
+  border: 1px solid;
+  border-right: none;
+  height: 32px !important;
+  margin-top: -16px !important;
+  z-index: 999;
+  background-color:#ffffffeb;
+}
+@screen dt {
+  .employeeForgotPassword .employeeCard .field .field-container .component-in-front {
+    border: 1px solid black;
+    border-right: none;
+    height: 32px !important;
+    margin-top: -16px !important;
+    z-index: 999;
+    background-color: #ffffffeb;
+
+  }
+ .loginFormStyleEmployee .employeeCard, .banner .bannerCard{
+    min-width: 270px !important;
+   
+    background-color: #ffffffd6 !important
+  }
+  .employeeForgotPassword .employeeCard, .employeeChangePassword .employeeCard{
+    max-width: 270px !important;
+    min-width: 270px !important;
+    background-color: #ffffffeb
+  }
+}
+
+.employeeForgotPassword .employee-card-input {
+  margin-bottom: 0px;
+  border-left: none;
+}
+
+.employeeForgotPassword .field-container {
+  margin: 10px 0;
+}
+.employeeForgotPassword {
+  .submit-bar {
+    @apply w-full;
+    background-color: #5a1166 !important;
+  }
+}
+.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: 600 !important;
+  font-size: 14px !important;
+  line-height: 10px !important;
+  color: #0B0C0C;
+  z-index: 10 !important;
+}
+.banner .bannerHeader {
+  margin-bottom: 20px;
+}
+.employeeCard .card-label{
+  font-weight: normal;
+  font-size: 16px;
+  line-height: 19px;
+  color: #0B0C0C;
+}
+.profile-label-margin{
+   margin-top: 10px;
+}
+.loginFormStyleEmployee .primary-label-btn{
+  font-size: 12px;
+}
+.employeeForgotPassword .employeeCard .card-label-desc {
+  font-weight: normal;
+  font-size: 16px;
+  line-height: 24px;
+  color: #505a5f;
+  margin-top: 15px;
+}
+.employeeChangePassword .employeeCard .card-text {
+  margin-bottom: 15px;
+  font-size: 16px;
+  color: #505a5f;
+}
+.employeeCard .card-label{
+  font-weight: 600 !important;
+  font-size: 14px !important;
+  line-height: 10px !important;
+  color: #0b0c0c;
+  
+}
+@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;
+}
+.upyog-copyright-footer-web
+{
+  display: none;
+}
+.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;
+    z-index: 10 !important;
+  }
+  .loginFormStyleEmployee .employeeCard, .banner .bannerCard{
+    min-width: 270px !important;
+    z-index: 10 !important;
+    background-color: #ffffffd6 !important;
+    margin-top: 0 !important;
+  }
+  .employeeForgotPassword .employeeCard, .employeeChangePassword .employeeCard{
+    max-width: 250px !important;
+    min-width: 250px !important;
+    margin-top: -50% !important;
+    background-color: #ffffffeb;
+  }
+}
+.employeeChangePassword .employeeCard .card-text{
+  margin-top: 18px !important;
+  margin-bottom: 20px !important;
+}
+.employeeBackbuttonAlign{
+  display: none;
+}
+.employee-select-wrap .select{
+height: 2.0rem !important;
+background-color: white !important;
+
+}
+.employee-select-wrap.login-city-dd {
+  .options-card{
+  max-height: 150px;
+  }
+}
+.banner .bannerCard, .loginFormStyleEmployee .employeeCard{
+  background-color: transparent;
+}
+
+@media screen and (max-width: 768px){
+  .employeeBackbuttonAlign{
+    display: block;
+    position: absolute;
+    top: 20px;
+    left: 20px;
+  }
+  .banner{
+    padding-bottom: 40px;
+    height: 100vh !important;
+    z-index: 1;
+  }
+  .topbar{
+    background: white;
+  }
+  .employee .loginContainer{
+    padding-top: 0px !important;
+  }
+  .removeBottomMargin{
+    margin-bottom: 0px !important;
+  }
+  .employee-select-wrap.login-city-dd {
+    .options-card{
+    max-height: 160px;
+    }
+  }
+  .banner .upyog-copyright-footer
+  {
+    display: none;
+  }
+  .banner .upyog-copyright-footer-web
+  {
+    display: block;
+  }
+}
+@media screen and (max-width:900px) {
+
+  .loginFormStyleEmployee .employeeForgotPassword
+  {
+    margin-top: -50% !important;
+    background-color: #ffffffeb !important;
+    z-index: 2;
+  }
+  .psuedo-banner{
+    font-size: 20px;
+  }
+  .banner-slogan{
+    font-size: 14px;
+  }
+  .loginFormStyleEmployee, .employeeForgotPassword{
+    margin-top: -30% !important;
+   
+  }
+}
+.employeeForgotPassword{
+  z-index: 2;
+}

package/src/pages/employee/oldMobileInbox.scss

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

package/src/pages/employee/popupmodule.scss

@@ -0,0 +1,47 @@
+.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;
+    }
+  }
+}
+
+.popup-module-main {
+  iframe #page-container div {
+    width: 99% !important;
+    margin: 5px !important;
+  }
+
+  iframe #page-container {
+    ::-webkit-scrollbar {
+      width: 0px !important;
+    }
+  }
+}

package/src/pages/employee/response.scss

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

package/src/pages/employee/scroll-table.scss

@@ -0,0 +1,114 @@
+.scroll-table-wrapper{
+    &::-webkit-scrollbar {
+        display: none;
+    }  
+    -ms-overflow-style: none;
+    scrollbar-width: none; 
+    @apply relative overflow-x-scroll overflow-y-visible pb-sm text-center;
+
+    .scroll-table-width-wrapper{
+        &::-webkit-scrollbar {
+            display: none;
+        }  
+        -ms-overflow-style: none;
+        scrollbar-width: none; 
+        width: calc(100% - 110px);
+        margin: auto;
+        @apply overflow-x-scroll;
+        table{
+             margin: auto;
+         }
+    }
+    
+    .first-col{
+        width:110px; 
+        @apply absolute left-0;
+    }
+    
+    .last-col{
+        width:110px; 
+        @apply absolute right-0;
+    }
+}
+
+@screen dt{
+    .scroll-table-wrapper{
+        width: 60%;
+    }
+}
+.table-switch-card-chip{
+    display: flex;
+    cursor: pointer;
+    padding-right: 10px;
+    width: 100%;
+}
+
+.table-search-wrapper{
+    display:flex;
+    width:100%;
+    align-items:center;
+}
+.table-switch-card-inactive{
+    /* Frame 58 */
+
+
+/* Auto layout */
+
+display: flex;
+flex-direction: row;
+align-items: flex-start;
+padding: 8px;
+
+position: static;
+height: 40px;
+left: 84px;
+top: 0px;
+
+/* Light Theme / Paper */
+
+background: #FFFFFF;
+box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
+
+/* Inside auto layout */
+
+flex: none;
+flex-grow: 0;
+margin: 0px 0px;
+color: #B1B4B6;
+}
+.table-switch-card-inactive:hover{
+    background: #fffffc;
+    font-size: 17px;
+    color: #505A5F;
+}
+
+.table-switch-card-active{/* Frame 57 */
+
+
+    /* Auto layout */
+    
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    padding: 8px;
+    
+    position: static;
+    height: 40px;
+    left: 0px;
+    top: 0px;
+    
+    /* Light Theme / Paper */
+    
+    background: #FFFFFF;
+    /* Light Theme / Primary */
+    
+    border: 1px solid #a82227;
+    box-sizing: border-box;
+    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
+    
+    /* Inside auto layout */
+    
+    flex: none;
+    flex-grow: 0;
+    margin: 0px 0px;
+}

package/src/pages/employee/surveys.scss

@@ -0,0 +1,272 @@
+.surveydetailsform-wrapper {
+  @apply grid gap-6 py-md;
+
+  label {
+    @apply font-medium;
+  }
+  .surveyformfield {
+    @apply grid gap-4;
+  }
+
+  .employee-select-wrap,
+  .employee-card-input {
+    margin-bottom: 0;
+  }
+}
+
+.newSurveyForm_wrapper {
+  @apply grid p-md bg-grey-light border border-border rounded gap-6 ;
+  .newSurveyForm_questions {
+  }
+  .newSurveyForm_answer {
+  }
+  .newSurveyForm_actions {
+    @apply flex justify-end  gap-4 py-md;
+    .checkbox-wrap .label {
+      margin-left: 40px;
+    }
+  }
+  .newSurveyForm_seprator {
+    @apply w-px h-6 border border-border;
+  }
+}
+
+.surveyformslist_wrapper,
+.surveydetailsform-wrapper {
+  .heading {
+    @apply text-heading-l font-medium py-md;
+  }
+}
+
+.surveyformslist_wrapper {
+  @apply grid gap-6 py-md;
+}
+
+.options_checkboxes {
+  @apply flex flex-col gap-4;
+}
+
+.optioncheckboxwrapper {
+  @apply flex;
+}
+
+.simple_editable-input {
+  outline-width: 0;
+  border: 0;
+  border-bottom: 2px solid black;
+}
+
+.simple_readonly-input {
+  outline-width: 0;
+  border: 0;
+  background: transparent;
+}
+
+.pointer {
+  cursor: pointer;
+}
+
+.disabled-btn {
+  @apply pointer-events-none cursor-not-allowed;
+}
+
+.optionradiobtnwrapper {
+  @apply flex gap-2;
+
+  .customradiobutton {
+    @apply w-6 h-6;
+  }
+}
+
+.edit-action-btn {
+  @apply flex justify-end;
+}
+
+.surveyQuestion-wrapper{
+  @apply grid gap-6;
+}
+
+.question-title {
+  font-size: 18px;
+  line-height: 21px;
+  color: #0b0c0c;
+  font-weight: 700;
+}
+
+.responses-container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: 8px 4px; 
+  background-color: #FAFAFA;
+  border: 1px solid #D6D5D4;
+  box-sizing: border-box;
+  border-radius: 4px;
+  margin-top: 20px;
+  margin-bottom: 20px;
+  position: relative;
+}
+
+.responses-container-date {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 8px 8px 0px 8px;
+  position: static;
+  left: 0px;
+  top: 41px;
+  background: #FAFAFA;
+  border: 1px solid #D6D5D4;
+  box-sizing: border-box;
+  border-radius: 4px;
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+.responses-container-line {
+  width: 100%;
+  margin-bottom: -12px;
+}
+
+.date-time{
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+.response-result {
+  flex: none;
+  order: 1;
+  flex-grow: 0;
+  margin: 0px 0px -20px;
+  display: inline-block;
+}
+
+.date-container {
+  display: flex;
+flex-direction: column;
+justify-content: center;
+align-items: center;
+padding: 16px 8px;
+background: #FAFAFA;
+border: 1px solid #D6D5D4;
+box-sizing: border-box;
+border-radius: 4px;
+@apply gap-y-6;
+}
+
+.date-response {
+display: flex;
+flex-direction: row;
+font-weight: bold;
+@apply gap-10 ;
+}
+.divide {
+  --tw-divide-x-reverse: 0;
+border-right-width: calc(2px * var(--tw-divide-x-reverse));
+border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse)));
+}
+
+.circle {
+    background-color:red;
+    height:40px;
+    border-radius:50%;
+    -moz-border-radius:50%;
+    -webkit-border-radius:50%;
+    width:40px;
+}
+
+.align-columns{
+  @apply grid gap-4;
+}
+
+
+@screen dt {
+  .surveydetailsform-wrapper {
+    .surveyformfield {
+      @apply items-center;
+      grid-template-columns: 1fr 2fr 1fr;
+
+      .radio-wrap {
+        @apply flex gap-20;
+        margin-bottom: 0;
+      }
+      .radio-wrap div {
+        @apply flex items-center;
+      }
+
+      .radio-btn {
+        @apply w-6 h-6;
+      }
+
+      .radio-btn-checkmark {
+        height: 1.5rem;
+        width: 1.5rem;
+        --border-opacity: 1;
+        border: 1px solid #464646;
+        border-color: rgba(70, 70, 70, var(--border-opacity));
+        border-radius: 9999px;
+        display: block;
+      }
+
+      .radio-wrap .radio-btn-wrap input:checked ~ .radio-btn-checkmark:after {
+        display: block;
+        --bg-opacity: 1;
+        background-color: #a82227;
+        height: 1rem;
+        width: 1rem;
+        border-radius: 9999px;
+        position: absolute;
+        top: 4px;
+        left: 4px;
+      }
+    }
+  }
+
+  .newSurveyForm_wrapper {
+    @apply grid p-md bg-grey-light border border-border rounded;
+    grid-template-columns: 33% 1fr;
+
+    .newSurveyForm_quesno {
+      @apply text-heading-m font-medium;
+    }
+
+    .newSurveyForm_mainsection {
+    }
+    .newSurveyForm_questions {
+      @apply flex gap-4;
+
+      .text-input {
+        @apply w-3/4;
+      }
+      .employee-select-wrap {
+        @apply flex-1;
+      }
+    }
+    .newSurveyForm_answer {
+    }
+    .newSurveyForm_actions {
+      @apply flex justify-end gap-2;
+      .checkbox-wrap {
+        @apply items-center;
+        margin-bottom: 0;
+      }
+      .checkbox-wrap .label {
+        margin-left: 40px;
+      }
+    }
+    .newSurveyForm_seprator {
+      @apply w-px h-6 border border-border;
+    }
+  }
+
+  .surveyformslist_wrapper {
+    @apply w-3/4 grid gap-6 py-md;
+  }
+}
+
+.unstyled-button {
+  border: none;
+  padding: 0;
+  background: none;
+}