halleyx-ui-framework 11.7.45 → 11.7.47

package/dist/src/assets/styles/datepicker.scss

@@ -1,11 +1,48 @@
 * {
   padding: 0;
   margin: 0;
+  
 }
+  .active-input{
+    .input-field.small{
+border: none !important;
+    }
+  }
+
+.readOnly-datepicker{
+  cursor: default !important;
+  .input-field.small{
+    cursor: default !important;
+    .readonly-overlay{
+      cursor: default !important;
+    }
+  }
+  .input-field.small:hover{
+    border: 1px solid #d8d8d8 !important;
+        }
+}
+
+.disable-datepicker{
+  cursor: not-allowed !important;
+  .input-field.small{
+    cursor: not-allowed !important;
+    .readonly-overlay{
+      cursor: not-allowed !important;
+    }
+  }
+  .input-field.small:hover{
+    border: 1px solid #d8d8d8 !important;
+        }
+}
+
+.input-container-combination-datepicker{min-width: 300px; }
+// .datepicker-input-green:focus{border: 3px solid green;}
 .date-picker-container {
     display: flex;
     flex-direction: column;
-    height: 100%;
+    height: 415px;
+    min-width: 300px;
+  
     border-radius: 10px; 
     width: 100%;
     box-shadow: 0 0 10px 1px #d8d8d8;
@@ -19,6 +56,7 @@
         margin-top: -40px !important;
         box-shadow: 0 0 0 0 white !important;
         background-color: #fff !important;
+        height: 265px;
       }
     }
     .calendar-days div {
@@ -27,15 +65,40 @@
   }
 
   .date-picker-button-container {
-    top: 340px;
+    top: 265px;
     width: 100%;
     position: relative;
+    border-bottom-right-radius: 20px;
+    border-bottom-left-radius: 20px;
     display: flex;
-    padding: 20px;
+    padding: 15px 20px;
     justify-content: space-between;
     background: #fff;
     border-top: 1px solid #d8d8d8;
   }
+  .picker-time-datepicker{
+    input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* Firefox */
+input[type=number] {
+  -moz-appearance: textfield;
+}
+  }
+  .time-name-datepicker{
+    display: flex;
+    position: relative;
+    background: #fff;
+    height: 45px;
+    padding: 10px 15px;
+    justify-content: center;
+    align-items: center;
+    top: 265px;
+    justify-content: space-between;
+  }
 }
 
 .input1,
@@ -76,7 +139,7 @@ svg {
 }
 .topdiv {
   width: 100%;
-  height: 11vh;
+  height: 10vh;
   background-color: #fdfdfd;
 
   overflow: hidden;
@@ -124,3 +187,225 @@ svg {
   display: none;
   position: absolute;
 }
+
+.tooltip-datepicker-start {
+  position: relative;
+  display: inline-block;
+ 
+}
+
+.tooltip-datepicker-start .tooltiptext-datepicker-start{
+  
+  width: 153px;
+    background-color: #2c2c2c;
+    color: #fff;
+    text-align: center;
+    border-radius: 6px;
+    padding: 5px 0;
+    position: absolute;
+    z-index: 3;
+    top: 13px;
+    left: 140px;
+}
+.tooltip-datepicker-start .tooltiptext-datepicker-start{
+  visibility: none;
+}
+
+
+.tooltip-datepicker-start .tooltiptext-datepicker-start::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  right: 100%;
+  margin-top: -5px;
+  border-width: 5px;
+  border-style: solid;
+  border-color: transparent #2c2c2c transparent transparent;
+}
+
+.tooltip-datepicker-start:hover .tooltiptext-datepicker-start {
+  visibility: visible;
+}
+.tooltip-datepicker-end {
+  position: relative;
+  display: inline-block;
+ 
+}
+
+.tooltip-datepicker-end .tooltiptext-datepicker-end{
+  
+  width: 159px;
+  background-color: #2c2c2c;
+  color: #fff;
+  text-align: center;
+  border-radius: 6px;
+  padding: 5px 0;
+  position: absolute;
+  z-index: 3;
+  top: 13px;
+  /* right: 110%; */
+  right: -160px;
+}
+
+.tooltip-datepicker-end .tooltiptext-datepicker-end::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 100%;
+  margin-top: -5px;
+  border-width: 5px;
+  border-style: solid;
+  border-color: transparent transparent transparent #2c2c2c;
+}
+
+.date_and_time_picker{
+  * {
+    padding: 0;
+    margin: 0;
+    
+  }
+    .active-input{
+      .input-field.small{
+  border: none !important;
+      }
+    }
+  
+  .readOnly-datepicker{
+    cursor: default !important;
+    .input-field.small{
+      cursor: default !important;
+      .readonly-overlay{
+        cursor: default !important;
+      }
+    }
+    .input-field.small:hover{
+      border: 1px solid #d8d8d8 !important;
+          }
+  }
+  
+  .disable-datepicker{
+    cursor: not-allowed !important;
+    .input-field.small{
+      cursor: not-allowed !important;
+      .readonly-overlay{
+        cursor: not-allowed !important;
+      }
+    }
+    .input-field.small:hover{
+      border: 1px solid #d8d8d8 !important;
+          }
+  }
+  
+  .input-container-combination-datepicker{min-width: 300px; }
+  // .datepicker-input-green:focus{border: 3px solid green;}
+  .date-picker-container {
+      display: flex;
+      flex-direction: column;
+      height: 415px;
+      min-width: 300px;
+    
+      border-radius: 10px; 
+      width: 100%;
+      box-shadow: 0 0 10px 1px #d8d8d8;
+  
+    .show-calendar {
+      // height: 100%;
+      .light {
+          box-shadow: 0 0 0 0 white !important;
+        .calendar {
+          border-radius: 0px !important;
+          margin-top: -40px !important;
+          box-shadow: 0 0 0 0 white !important;
+          background-color: #fff !important;
+          height: 265px;
+        }
+      }
+      .calendar-days div {
+        animation: none !important;
+      }
+    }
+  
+    .date-picker-button-container {
+      top: 265px;
+      width: 100%;
+      position: relative;
+      border-bottom-right-radius: 20px;
+      border-bottom-left-radius: 20px;
+      display: flex;
+      padding: 15px 20px;
+      justify-content: space-between;
+      background: #fff;
+      border-top: 1px solid #d8d8d8;
+    }
+    .picker-time-datepicker{
+      input::-webkit-outer-spin-button,
+  input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+  }
+  
+  /* Firefox */
+  input[type=number] {
+    -moz-appearance: textfield;
+  }
+    }
+    .time-name-datepicker{
+      display: flex;
+      position: relative;
+      background: #fff;
+      height: 45px;
+      padding: 10px 15px;
+      justify-content: center;
+      align-items: center;
+      top: 265px;
+      justify-content: space-between;
+    }
+  }
+  
+  .input1,
+  .input2 {
+  
+    display: flex;
+    align-items: center;
+    display: inline-block;
+    overflow: hidden;    /* Hide any overflowing content */
+    white-space: nowrap;
+    border-radius: 5px;
+    padding: 10px 12px 10px 12px;
+    border: 1.5px solid #d8d8d8;
+    line-height: 18.15px;
+    letter-spacing: 0.5%;
+    min-width: 100px;
+      max-width: 300px;
+      min-height: 5.8vh;
+      max-height: 200px;
+      overflow: auto;
+  font-size: 14px;
+      span{
+      position: absolute;
+      background-color: white;
+      color: #d8d8d8;
+      padding: 0 2px;
+      top:3px;
+      font-size: 13px;
+      }
+  }
+
+  svg {
+    margin: 0 5px;
+  }
+  .topdiv {
+    width: 100%;
+    height: 10vh;
+    background-color: #fdfdfd;
+  
+    overflow: hidden;
+    border-radius: 10px 10px 0px 0px;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    padding: 20px;
+    border-bottom: 1px solid #d8d8d8;
+  }
+}

package/dist/src/assets/styles/drawer.scss

@@ -62,7 +62,7 @@
 .body-panel-right,
 .body-panel-left {
   height: 84vh;
-  padding: 20px 0px;
+  // padding: 20px 0px;
 }
 .footer-panel-right,
 .footer-panel-left {

package/dist/src/assets/styles/fileupload.scss

@@ -9,8 +9,8 @@
     font-family: var(--hlx-font-type-content);
     font-weight:200;
     @include flex(row, wrap);
-    height: 80%;
-    width: 100%;
+    // height: 80%;
+    // width: 100%;
    color: var(--hlx-color-primary);
     &-upload {
       @include flex(column, nowrap, space-between);

package/dist/src/assets/styles/filterandsearch.scss

@@ -18,6 +18,15 @@
         font-family: OpenSans;
         font-size: 14px;
     }
+    .filter-search-tag{
+        .custom-container-box{
+            border: 0px;
+            padding: 0px;
+        }
+        .custom-container-box .custom-upload_inside_email1 .custom-overflow-count {
+            top: -1px;
+        }
+    }
 
     .search-logo {
         color: #a6a6a6;
@@ -56,6 +65,7 @@
     border: 1px solid #d8d8d8;
     border-radius: 8px;
     overflow: scroll;
+    overflow-x: hidden ;
 
     .active-filter {
       

package/dist/src/assets/styles/fonts.scss

@@ -24,23 +24,23 @@
 @debug "#{$--font-pathd}";
 @font-face {
   font-family: Opensans;
-  src: url('#{$font-path}/OpenSans.ttf') format('opentype');
-  // src: url("#{$font-path}/OpenSans.ttf") format("opentype");
+  src: url('#{$font-path}/OpenSans.ttf') format('truetype');
+  // src: url("#{$font-path}/OpenSans.ttf") format("truetype");
 }
 @font-face {
   font-family: QuickSand;
-  src: url('#{$font-path}/Quicksand.ttf') format('opentype');
+  src: url('#{$font-path}/Quicksand.ttf') format('truetype');
 }
 
 @font-face {
   font-family: Pacifico;
-  src: url('#{$font-path}/Pacifico.ttf') format('opentype');
+  src: url('#{$font-path}/Pacifico.ttf') format('truetype');
 }
 @font-face {
   font-family: OstrichSans;
-  src: url('#{$font-path}/ostrich-regular.ttf') format('opentype');
+  src: url('#{$font-path}/ostrich-regular.ttf') format('truetype');
 }
 @font-face {
   font-family: JosefinSans;
-  src: url('#{$font-path}/JosefinSans-Regular.ttf') format('opentype');
+  src: url('#{$font-path}/JosefinSans-Regular.ttf') format('truetype');
 }

package/dist/src/assets/styles/icon.scss

@@ -3,7 +3,7 @@
     src:  url('./assets/fonts/halley-icons-v6.eot?pk23ai');
     src:  url('./assets/fonts/halley-icons-v6.eot?pk23ai#iefix') format('embedded-opentype'),
       url('./assets/fonts/halley-icons-v6.ttf?pk23ai') format('truetype'),
-      // url('./assets/fonts/halley-icons-v6.woff?pk23ai') format('woff'),
+      url('./assets/fonts/halley-icons-v6.woff?pk23ai') format('woff'),
       url('./assets/fonts/halley-icons-v6.svg?pk23ai#halley-icons-v6') format('svg');
     font-weight: normal;
     font-style: normal;

package/dist/src/assets/styles/importProgress.scss

@@ -10,7 +10,7 @@
     height: 100%;
     margin: 0;
     left: 0;
-    border-radius: 5px; 
+    border-radius: 5px;
     // box-shadow: 1px 6px 9px -3px;
     background-color: var(--hlx-color-primary);
     &.tooltip-track {

package/dist/src/assets/styles/index.scss

@@ -16,4 +16,4 @@
   './calendar.scss', './contextMenu.scss', './newtable.scss', './drawer.scss',
   'fonts', './scrollbar.scss', './tablev2.scss', './customdropdown.scss',
   './visualbuilder.scss', './objectViewer.scss','./buttonGroup.scss',
-  './calendarfilter.scss' ,'./datepicker.scss','./overlay.scss';
+  './calendarfilter.scss' ,'./datepicker.scss','./overlay.scss','./cascader.scss','./status.scss','./filterandsearch.scss','./tagcount.scss';