halleyx-ui-framework 11.7.45 → 11.7.47

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

@@ -1,11 +1,12 @@
 .custom-container-box {
-  padding: 5px 20px;
+  padding: 5px 0px;
   max-width: 100%;
   box-sizing: border-box;
   overflow: hidden;
   position: relative;
   border: 0px solid #D4D4D4;
   border-radius: 5px;
+  // background: pink;
 
   .custom-upload_inside_email1 {
     .custom-content-wrapper {
@@ -25,37 +26,33 @@
           border-radius: 5px;
         }
       }
-    }
 
-    .custom-overflow-count {
-      cursor: pointer;
-      width: fit-content;
-      padding: 5px 10px;
-      border: 0px solid #A8DEC9;
-      background: #A8DEC9;
-      border-radius: 5px;
-      font-size: 12px;
-      color: #265E4B;
-      position: absolute;
-      top: 7px;
-      right: 20px;
+      .custom-overflow-count {
+        // border: 1px solid blue;
+        // margin-right: 10px;
+      }
+
     }
+
+    
   }
 
 }
 
 .custom-overflow-items-tag {
-  right: 25px;
+  // right: 54px;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
+  margin-left: 6%;
   width: 215px;
-  position: absolute;
+  position: fixed;
   background-color: white;
   border: 1px solid #D4D4D4;
   padding: 8px;
   border-radius: 5px;
   gap: 11px;
+  z-index: 999999;  
 
   .custom-smallbox {
     border: 1px solid grey;

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

@@ -277,3 +277,207 @@
     border-radius: 6px;
   }
 }
+
+
+#content{
+  // height:60px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  display: flex;
+  gap:5px;
+  flex-wrap: wrap;
+  align-items: center;
+  font-family: 'OpenSans' ;
+  justify-content: space-between;
+  // justify-content: center;
+  align-items: center;
+  .functionality{
+    height:35px;
+    width:35px;
+    margin-left: 6px;
+    margin-right:6px;
+    &:hover{
+      height:35px;
+      width:35px;
+      border-radius: 4px;
+      background: #DCF9EA;
+      cursor: pointer;
+    }
+  }
+}
+
+
+.texteditor-active{
+  height:35px;
+  width:35px;
+  border-radius: 4px;
+  background: #54bd95;
+  color:#fbfbfb;
+  &:hover{
+    height:35px !important;
+    width:35px !important;
+    border-radius: 4px !important;
+    background: #54bd95 !important;
+    color:#fbfbfb !important;
+  }
+}
+
+.font-name-functionality{
+  width:140px;
+  margin-left: 14px;
+  margin-right:10px;
+}
+.font-size-functionality{
+  width:70px;
+  margin-left: 10px;
+  padding-right:14px;
+  // border-right: 1px solid var(--hlx-border-color);
+}
+
+.highligtfunctionality{
+  width:50px;
+  margin-left: 14px;
+  padding-right:10px;
+  // border-right: 1px solid var(--hlx-border-color);
+}
+
+.colorfunctionality{
+  width:50px;
+  margin-left: 10px;
+  // padding-right:10px;
+  // border-right: 1px solid var(--hlx-border-color);
+}
+
+.link-input{
+  padding-left:8px;
+}
+#bold{
+  font-weight: bold;
+  font-size: 14px;
+}
+
+#italic{
+  font-style: italic;
+  font-size:14px;
+}
+
+#underline{
+  text-decoration: underline;
+  font-size:14px;
+}
+
+#superscript{
+  // text-decoration: underline;
+  font-size:14px;
+}
+
+#subscript{
+  // text-decoration: underline;
+  font-size:14px;
+}
+
+#strikethrough{
+  text-decoration: line-through;
+  font-size:14px;
+}
+
+#undo{
+  // text-decoration: underline;
+  font-size:14px;
+}
+
+#redo{
+  // text-decoration: underline;
+  font-size:14px;
+  // border-right: 1px solid var(--hlx-border-color);
+
+}
+
+.icon-menu-left-alt-regular,.icon-menu-regular,.icon-menu-right-alt-regular,.icon-list-regular,.icon-list-filled{
+   font-size:18px;
+}
+
+.undo-redo{
+  // padding-right: 10px;
+  border-right: 1px solid var(--hlx-border-color);
+}
+
+.textEditor{
+  // margin-top: 10px;
+  border-top: 1px solid #ddd;
+  background-color: var(--hlx-color-white);
+  // border-radius: 7px;
+  padding: 10px;
+  padding-left: 20px;
+  height: 100%;
+  max-height:auto;
+  // overflow-y: auto;
+  border-bottom-left-radius: 9px;
+  border-bottom-right-radius: 9px;
+
+
+}
+
+.text-editor-container{
+    width: 100%;
+    // height: 100%;
+    display: grid;
+    grid-template-rows: max-content auto;
+    // padding: 30px 30px;
+    background-color: var(--hlx-color-white);
+    border-radius: 8px;
+}
+
+
+.selectedtags{
+  border-radius: 4px;
+  background: #54bd95;
+  color:#fbfbfb;
+}
+
+
+.icon-container {
+  display: flex;
+  flex-wrap: nowrap;
+  overflow: hidden;
+}
+
+.icon1 { 
+  margin: 5px;
+  // white-space: nowrap;
+}
+
+.context-menu {
+  position: relative;
+  display:none;
+}
+
+.context-menu-button {
+  border: none;
+  cursor: pointer;
+}
+
+.display-context-menu{
+position: fixed;
+  width: 193px;
+  background-color: white;
+  top: 0px;
+  left: 0px;
+  min-height:40px;
+  max-height: 300px;
+  font-family:'OpenSans';
+  border:1px solid #d8d8d8;
+  font-size:14px;
+  overflow-y:scroll;
+}
+
+.context-menu-each-value{
+height:30px;
+display:flex;
+align-items:center;
+padding-left:10px;
+}
+
+.context-select-value{
+color: #54bd95;
+}

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

@@ -518,3 +518,93 @@
 
   }
 }
+
+
+.timeline-parent-container{
+  // height:100%;
+  width:100%;
+  padding-right: 5px;
+  // overflow-y: scroll;
+  .timeline-single-container{
+    // height:100%;
+    width:100%;
+    display:flex;
+    &-icon-side{
+      width:70px;
+      display: flex;
+      flex-direction: column;
+      &-icon-container{
+        height:45px;
+        width:45px;
+        // border-radius: 45px;
+        // display: flex;
+        // justify-content: center;
+        // align-items: center;
+        // background-color: #D9D9D9;
+        font-size: 30px;
+        i{
+          height: 40px;
+          width:40px;
+          border-radius: 40px;
+          background-color: #D9D9D9;
+          display: flex;
+          justify-content: center;
+          align-content: center;
+          align-items: center;
+        }
+      }
+      &-vertical-line-container{
+        min-height:60px;
+        height:calc(100% - 30px);
+        // background-color: rgb(164, 255, 255);
+        &-vertical-line{
+        display: flex;
+        justify-content: center;
+        height: 100%;
+        margin-left: 20px;
+        border: 0;
+        border-left: 1.5px dashed var(--hlx-border-color);
+        padding: 0;
+        // width: 1px;
+        }
+      }
+    }
+    &-content-side{
+      width:calc(100% - 70px);
+      display: flex;
+      flex-direction: column;
+      &-first-slot{
+        margin-bottom: 10px;
+      }
+      &-second-slot{
+        display: flex;
+        flex-direction: column;
+        &-with-accordion{
+          display: flex;
+          align-items: center;
+          .right{
+             cursor:pointer;
+             margin-right: 5px;
+          }
+        }
+        &-with-accordion-content{
+          display:none;
+          padding-left:23px;
+        }
+      }
+    }
+  }
+}
+
+
+.link-timeline{
+  color: #2879b7;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top:10px;
+  &:hover{
+    text-decoration: underline;
+    cursor: pointer;
+  }
+}

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

@@ -35,7 +35,7 @@
   //   rgba(60, 82, 88, 0.44));
   box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
   color: #fff;
-  text-align: center;
+  text-align: left;
   white-space: pre-wrap;
   transform: translate(-50%, calc(0px - var(--arrow-size))) scale(0.5);
 }

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

@@ -512,34 +512,27 @@
     font-size: large;
   }
 }
-@media only screen and (max-width: 768px) {
-  .hlx-tree-area-upc {
-    cursor: grabbing !important;
-    user-select: none !important;
-    transform: translate(0px, 0px) scale(0.6) !important;
-  }
-}
 .hlx-tree-area-upc {
-  position: absolute;
-  display: flex;
-  flex-wrap: wrap;
-  user-select: none;
-  font-size: 10px;
-
-  &.drag-border {
-    border: 0.4px dashed var(--hlx-border-color);
-  }
-  & > li {
-    min-height: 400px;
-    min-width: 400px;
-  }
-  justify-content: center;
+  // position: absolute;
+  // display: flex;
+  // flex-wrap: wrap;
+  // // user-select: none;
+  // font-size: 10px;
+
+  // &.drag-border {
+  //   border: 0.4px dashed var(--hlx-border-color);
+  // }
+  // & > li {
+  //   min-height: 400px;
+  //   min-width: 400px;
+  // }
+  // justify-content: center;
   $color: #222;
   $background-color: white;
-  $border-weight: 1px;
-  $margin: 12px;
-  margin: calc($margin * 1.5);
-  padding: 0;
+  $border-weight: 2px;
+  $margin: 35px;
+  // margin: 0.5px;
+  // padding: 0;
 
   &:not(:empty):before,
   &:not(:empty):after,
@@ -551,7 +544,7 @@
     position: absolute;
     content: "";
   }
-  
+
   ul,
   li {
     position: relative;
@@ -805,19 +798,19 @@
             width: 100%;
           }
         }
-        .collapseIcon {
-          background-color: white;
-          color: var(--hlx-color-primary);
-          position: absolute;
-          bottom: -0.4em;
-          z-index: 100;
-          font-size: var(--hlx-font-size-xs);
-          right: 47.5% !important;
-          cursor: pointer;
-          width: 9px;
-          height: 8px;
-          border-radius: 100%;
-        }
+.collapseIcon{
+  background-color: white;
+  color: var(--hlx-color-primary);
+  position: absolute;
+  bottom: -0.4em;
+  z-index: 100;
+  font-size: var(--hlx-font-size-xs);
+  right: 47.5% !important;
+  cursor: pointer;
+  width: 9px;
+  height: 8px;
+  border-radius: 100%;
+}
         .downIcon {
           color: var(--hlx-color-primary);
           position: relative;
@@ -826,7 +819,9 @@
           font-size: var(--hlx-font-size-xs);
           right: 45.5% !important;
           cursor: pointer;
-        }
+      }
+          
+        
 
         // }
       }
@@ -870,7 +865,7 @@
       }
 
       ul:after {
-        border-left: $border-weight solid#54bd95;
+        border-left: $border-weight solid#54bd95 ;
         height: $margin;
         width: 0;
         top: -$margin;
@@ -990,7 +985,7 @@
     border-radius: 7px;
 
     .card-body {
-      display: flex;
+      display: flex; 
       justify-content: center;
       align-items: center;
       padding: 5px;
@@ -1008,11 +1003,11 @@
         flex-direction: row;
         font-size: 14px;
         text-align: center;
-        font-family: QuickSand;
-        font-weight: 600;
-        overflow: hidden;
-        text-overflow: ellipsis;
-
+        font-family:QuickSand ;
+       font-weight: 600;
+       overflow: hidden;
+       text-overflow: ellipsis;
+       
         padding: 0;
         border: none;
         color: #191a15;
@@ -1024,7 +1019,7 @@
       min-height: -webkit-max-content !important;
       min-height: -moz-max-content !important;
       min-height: max-content !important;
-      gap: 5%;
+      gap: 12px;
       display: grid;
       font-size: 14px;
       line-height: 1.5;
@@ -1052,4 +1047,4 @@
   .icon-circle-filled-plus:before {
     font-size: large;
   }
-}
+}