@entit/digit-ui-css 2.0.0 → 2.0.1

package/src/components/navbar.scss

@@ -8,20 +8,8 @@
     min-width: 78px;
     height: 24px;
   }
-  .nav {
-    display: flex;
-    justify-content: space-between;
-  }
-  .nav-wrapper {
-    display: flex;
-    @media (min-width: 780px) {
-      .hamburger-span {
-        display: none;
-      }
-    }
-  }
 
-  h3 {
+  h3{
     @apply inline-block border-l border-solid border-white pl-sm ml-sm;
   }
 }
@@ -36,7 +24,8 @@
   flex-direction: column;
   align-items: center;
   padding-top: 30px;
-  background-color: #ffffff;
+  padding-bottom: 30px;
+  background-color: rgb(224, 224, 224);
 
   img {
     width: 89px;
@@ -51,26 +40,18 @@
     &.name-Profile {
       .label-text {
         letter-spacing: 0.6px;
-        font-weight: 700;
-        font-size: 18px;
-        color: #0b0c0c;
+        color: rgb(72, 72, 72);
+        font-weight: 500;
+        font-size: 14px;
       }
     }
   }
-  .profile-divider {
-    border-top: 1px solid #d6d5d4;
-    margin-left: 20px;
-    margin-right: 20px;
-    width: 90%;
-    margin-top: 1rem;
-  }
 }
 
 .drawer-list {
-  @apply pt-md;
+  @apply pt-md pl-md pr-md;
   position: relative;
   min-height: 1px;
-  overflow: auto;
   .menu-item {
     border: 10px;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -103,183 +84,6 @@
     }
     .icon + .menu-label {
       margin-left: 36px;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-  }
-  .sidebar-list {
-    padding-right: 16px;
-    padding-left: 16px;
-    &.active {
-      border-left: 5px solid #a82227;
-      .menu-label {
-        color: #a82227;
-      }
-      .icon {
-        fill: #a82227;
-      }
-    }
-
-    .submenu-container {
-      cursor: pointer;
-      display: flex;
-      flex-direction: column;
-      .sidebar-link {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        svg {
-          width: 21px;
-          height: 21px;
-          color: rgb(117, 117, 117);
-          fill: rgb(117, 117, 117);
-        }
-      }
-      .actions {
-        display: flex;
-        align-items: center;
-        overflow: hidden !important;
-
-        span {
-          margin-left: 13px;
-          line-height: 48px;
-          white-space: nowrap;
-          color: #5f5c62;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
-        input {
-          border: none;
-          outline: none;
-          margin-left: 16px;
-          padding: 0.5em;
-          color: #5f5c62;
-        }
-      }
-    }
-  }
-
-  .dropdown-link {
-    .actions {
-      display: flex;
-      padding: 1em;
-      svg {
-        width: 21px;
-        height: 21px;
-        color: rgb(117, 117, 117);
-        fill: rgb(117, 117, 117);
-      }
-      span {
-        color: #5f5c62;
-      }
-    }
-  }
-}
-
-.drawer-desktop {
-  .menu-item {
-    border: 10px;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-    cursor: pointer;
-    text-decoration: none;
-    margin: 0px;
-    padding: 0px;
-    outline: none;
-    font-size: 16px;
-    position: relative;
-    color: rgb(95, 92, 98);
-    line-height: 48px;
-    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
-    min-height: 48px;
-    white-space: initial;
-    background: none;
-    .icon {
-      display: block;
-      color: rgb(117, 117, 117);
-      fill: rgb(117, 117, 117);
-      height: 21px !important;
-      width: 21px !important;
-      float: left;
-      margin-top: 12px;
-    }
-    .edit-btn-ico {
-      height: 17px;
-      width: 17px;
-      margin-top: 16px;
-    }
-    .icon + .menu-label {
-      margin-left: 36px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-  }
-  @media (min-width: 780px) {
-    .sidebar-list {
-      padding-right: 16px;
-      padding-left: 16px;
-      &.active {
-        border-left: 5px solid #a82227;
-        padding-left: 11px;
-        .menu-label {
-          color: #a82227;
-        }
-        .icon {
-          fill: #a82227;
-        }
-      }
-
-      .submenu-container {
-        cursor: pointer;
-        display: flex;
-        flex-direction: column;
-        .sidebar-link {
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          svg {
-            width: 21px;
-            height: 21px;
-            color: rgb(117, 117, 117);
-            fill: rgb(117, 117, 117);
-          }
-          .actions {
-            .tooltip {
-              margin-left: 16px;
-            }
-          }
-        }
-        .actions {
-          display: flex;
-          align-items: center;
-          overflow: hidden !important;
-
-          span {
-            margin-left: 13px;
-            line-height: 48px;
-            white-space: nowrap;
-            color: #5f5c62;
-            overflow: hidden;
-            text-overflow: ellipsis;
-          }
-        }
-      }
-    }
-
-    .dropdown-link {
-      .actions {
-        display: flex;
-        padding: 1em;
-        svg {
-          width: 21px;
-          height: 21px;
-          color: rgb(117, 117, 117);
-          fill: rgb(117, 117, 117);
-        }
-        span {
-          color: #5f5c62;
-        }
-      }
     }
   }
 }
@@ -292,17 +96,15 @@
     @apply font-light px-sm border-solid border-l border-white border-opacity-100
 }*/
 
-.side-bar-footer {
+.side-bar-footer{
   width: 200px;
   margin-left: 50px;
-  margin-top: 24px;
-  margin-bottom: 16px;
-  position: relative;
+  @apply absolute bottom-0;
 }
 
-.digit-footer {
+.digit-footer{
   @apply flex h-4 mb-sm;
-  img {
+  img{
     @apply mr-sm;
   }
-}
+}

package/src/components/radiobtn.scss

@@ -1,22 +1,10 @@
 .radio-wrap {
-  line-height: 1.5rem !important;
   @apply my-sm block leading-10 mb-lg;
 
   div {
     @apply block mb-md;
   }
 
-  .radio-btn-checkmark {
-    height: 1.5rem !important;
-    width: 1.5rem !important;
-  }
-  .radio-btn-wrap input:checked ~ .radio-btn-checkmark:after {
-    top: 0.35rem !important;
-    left: 0.35rem !important;
-    height: 0.8rem !important;
-    width: 0.8rem !important;
-  }
-
   .radio-btn-wrap {
     @apply block float-left relative;
     &:hover {

package/src/components/searchAction.scss

@@ -14,7 +14,7 @@
     width: 18px;
     @apply h-6;
     path{
-      fill: #a82227;
+      fill: #F47738;
     }
   }
 }

package/src/components/selectdropdown.scss

@@ -18,9 +18,6 @@
   }
 }
 */
-.employee-select-wrap:active{
-  background-color: white
-}
 .employee-select-wrap {
   @apply mb-lg relative;
 
@@ -52,9 +49,6 @@
 
   .select-active {
     @apply relative block w-full h-10 border-2 border-solid border-primary-main;
-    height: 2 rem !important;
-    border: 1px solid black;
-    background-color: white;
 
     input[type="text"] {
       width: calc(100% - 32px);
@@ -83,9 +77,8 @@
   .options-card {
     width: 100% !important;
     box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
-    max-height: 250px !important;
+    max-height: 400px;
     overflow: auto;
-    z-index: 1000 !important;
     @apply absolute z-20 mt-xs bg-white max-w-full;
 
     p {
@@ -98,23 +91,6 @@
     }
   }
 }
-.fsm-registry-dropdown {
-  .select {
-    @apply flex;
-    input {
-      text-align: left;
-    }
-  }
-  .select-active {
-    text-align: left;
-  }
-  .options-card {
-    .profile-dropdown--item {
-      justify-content: left;
-    }
-  }
-  margin-bottom: 0;
-}
 
 .employee-select-wrap--elipses {
   width: 85% !important;
@@ -125,7 +101,6 @@
 
 .select-wrap {
   @apply mb-lg relative;
-  max-width: 540px;
 
   .select {
     @apply relative block w-full h-10 border border-solid border-input-border;
@@ -194,6 +169,5 @@
   }
 }
 
-.employee-select-wrap .select img, .employee-select-wrap .select svg{
-  margin-top: 2px;
+@screen dt {
 }

package/src/components/statushighlight.scss

@@ -5,7 +5,7 @@
 
   p {
     padding-top: 6px;
-    @apply block text-center text-caption-m text-error cursor-pointer;
+    @apply block text-center text-caption-m text-error;
   }
 
   &.success {

package/src/components/summary.scss

@@ -23,7 +23,4 @@
       }
     }
   }
-}
-.summary-card-margin{
-  margin:0 24px 20px 0px !important;
 }

package/src/components/table.scss

@@ -6,10 +6,10 @@
       padding: 20px 18px;
       @apply font-bold align-middle text-left;
       &:first-child {
-        min-width: 100px;
+        min-width: 256px;
       }
       &:nth-child(2) {
-        min-width: 150px;
+        min-width: 200px;
       }
     }
   }
@@ -88,7 +88,7 @@
     td:first-child {
       position: sticky;
       background: #fff;
-      color:#a82227;
+      color: #f47738;
       left: 0;
       border-right: 1px solid #b1b4b6;
     }
@@ -165,14 +165,3 @@
     }
   }
 }
-
-.reports-table {
-  margin-top: 2rem;
-  thead {
-    th {      
-      &:first-child {
-        min-width: unset;
-      }
-    }
-  }
-}

package/src/components/textfields.scss

@@ -8,16 +8,6 @@
 
 .employee-card-input {
   @apply mb-lg pl-sm outline-none block border w-full h-10 border-input-border border-solid bg-white leading-10 text-form-field text-text-primary;
-  margin-bottom: 16px !important;
-  height: 40px !important; 
-}
-.employee-card-input:disabled {
-  @apply border-grey-dark text-grey-dark !important;
-  pointer-events: none !important;
-}
-.employee-card-input:disabled {
-  @apply border-grey-dark text-grey-dark !important;
-  pointer-events: none !important;
 }
 .employee-card-input--front {
   width: fit-content !important;
@@ -74,9 +64,7 @@
   }
 
   .card-textarea {
-   /* //width: 480px; */
-    @apply w-full;
-    max-width:540px;
+    width: 480px;
   }
 
   .employee-card-textarea {
@@ -90,12 +78,6 @@
 
 .citizen-card-input {
   @apply mb-lg pl-sm outline-none block border w-full h-10 border-input-border border-solid bg-white leading-10 text-form-field text-text-primary;
-
-}
-.citizen-card-input{
-  height:2rem !important;
-  margin-bottom: 16px !important;
-  line-height: 2.0rem !important;
 }
 
 .citizen-card-input--front {

package/src/components/topbar.scss

@@ -18,8 +18,9 @@
     }
 
     &.state {
-      min-height: 50px;
-      width: 80px;
+      height: 20px;
+      max-height: 20px;
+      width: auto;
     }
   }
 
@@ -38,7 +39,7 @@
     }
 
     .user-img-txt {
-      background: #a82227;
+      background: #f47738;
       padding: 10px 15px;
       border-radius: 50%;
       color: white;
@@ -89,8 +90,8 @@
   .select-wrap,
   .employee-select-wrap {
     margin-bottom: 0px;
-    .profile-dropdown--item {
-      span {
+    .profile-dropdown--item{
+      span{
         white-space: pre;
       }
     }
@@ -99,15 +100,6 @@
 
 .cp {
   cursor: pointer;
-  .hamburger {
-    display: none;
-  }
-
-  @media (max-width: 780px) {
-    .hamburger {
-      display: none;
-    }
-  }
 }
 
 .citizen {
@@ -130,10 +122,9 @@
   flex-direction: row;
   padding: 10px;
   column-gap: 10px;
-  color: #505a5f;
 
   &:hover {
-    background: #eeeeee;
+    @apply bg-grey-mid;
   }
 }
 
@@ -141,8 +132,3 @@
   @apply flex items-center justify-end;
   min-width: 85px;
 }
-video::-webkit-media-controls-panel {
-  top: 55%;
-  position: absolute;
-  width: 100%;
-}

package/src/components/uploadcomponents.scss

@@ -1,6 +1,5 @@
 .upload-wrap {
   @apply flex w-full h-40 bg-grey-light relative mb-lg px-sm border border-border border-dashed;
-  max-width: 540px;
 
   img {
     display: block;
@@ -71,23 +70,6 @@
   }
 }
 
-.upload-file-max-width {
-  max-width: 540px;
-}
-.digilocker-btn{
-  touch-action: manipulation;
-    cursor: pointer;
-    background-image: none;
-    border: 1px solid transparent;
-    padding: 6px 12px;
-    font-size: 14px;
-    line-height: 1.42857143;
-    border-radius: 4px;
-    user-select: none;
-    background: #f0f0f0c9;
-    display: flex;
-    font-weight: bold;
-}
 .upload-file {
   min-height: 56px;
   @apply relative border border-input-border w-full;