halleyx-ui-framework 11.7.43 → 11.7.44

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

@@ -1,12 +1,11 @@
 .custom-container-box {
-  padding: 5px 0px;
+  padding: 5px 20px;
   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 {
@@ -26,33 +25,37 @@
           border-radius: 5px;
         }
       }
-
-      .custom-overflow-count {
-        // border: 1px solid blue;
-        // margin-right: 10px;
-      }
-
     }
 
-    
+    .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-items-tag {
-  // right: 54px;
+  right: 25px;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
-  margin-left: 6%;
   width: 215px;
-  position: fixed;
+  position: absolute;
   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.css

@@ -0,0 +1,250 @@
+.container1222 {
+  background-color: #ffffff;
+  width: 100%;
+  height: 100%;
+  padding: 30px 30px;
+  /* position: absolute; */
+  /* transform: translate(-50%, -50%); */
+  /* left: 50%;
+    top: 50%; */
+  border-radius: 8px;
+  border: 1px solid var(--hlx-border-color);
+}
+.container1222 .options {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  font-family: Opensans;
+}
+.container1222 .options select {
+  height: 25px;
+  padding: 0px !important;
+}
+.container1222 .options .option-button {
+  height: 35px;
+  width: 35px;
+  display: grid;
+  place-items: center;
+  border-radius: 3px;
+  border: none;
+  background-color: #ffffff;
+  outline: none;
+  color: var(--hlx-text-color-primary);
+}
+.container1222 .options .option-button i {
+  font-size: 24px;
+}
+.container1222 .options .option-button .bold-icon {
+  font-weight: bold;
+  font-size: 16px;
+}
+.container1222 .options .option-button .italic-icon {
+  font-style: italic;
+  font-size: 16px;
+}
+.container1222 .options .option-button .underline-icon {
+  text-decoration: underline;
+  font-size: 16px;
+}
+.container1222 .options .option-button .strikethrough-icon {
+  text-decoration: line-through;
+  font-size: 16px;
+}
+.container1222 .options .option-button .superscript-icon,
+.container1222 .options .option-button .subscript-icon {
+  font-size: 16px;
+}
+.container1222 .options .option-button .superscript-icon sub,
+.container1222 .options .option-button .subscript-icon sub {
+  font-size: 10px;
+}
+.container1222 .options .option-button .superscript-icon sup,
+.container1222 .options .option-button .subscript-icon sup {
+  font-size: 10px;
+}
+.container1222 .options .option-button:hover {
+  background-color: var(--hlx-color-primary);
+  color: var(--hlx-color-white);
+}
+.container1222 .options select {
+  padding: 7px;
+  border: 1px solid #d4d4d4;
+  border-radius: 3px;
+}
+.container1222 .options option {
+  height: 50px;
+}
+.container1222 .options .input-wrapper {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.container1222 .options .input-wrapper label {
+  font-size: 14px;
+}
+.container1222 .options input[type=color] {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background-color: transparent;
+  width: 40px;
+  height: 28px;
+  border: none;
+  cursor: pointer;
+}
+.container1222 .options input[type=color]::-webkit-color-swatch {
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #020929;
+}
+.container1222 .options input[type=color]::-moz-color-swatch {
+  border-radius: 3px;
+  box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #020929;
+}
+.container1222 .options .texteditoractive {
+  background-color: #54bd95;
+  color: #ffffff;
+}
+.container1222 .options .active {
+  background-color: #d8e3ff;
+  color: #1d46ff;
+}
+.container1222 #text-input,
+.container1222 #text-input1 {
+  font-family: Arial, Helvetica, sans-serif;
+  margin-top: 10px;
+  border: 1px solid #dddddd;
+  border-radius: 7px;
+  padding: 20px;
+  height: 50vh;
+  /* overflow: hidden scroll; */
+}
+
+.hello {
+  color: #000000;
+}
+
+.icon-link-alt-regular {
+  font-size: 18px;
+}
+
+.specify {
+  display: flex;
+  width: 200px;
+  justify-content: space-around;
+  border-right: 1px solid var(--hlx-border-color);
+  margin-bottom: 5px;
+}
+
+.specify1 {
+  display: flex;
+  width: 100px;
+  justify-content: space-evenly;
+  border-right: 1px solid var(--hlx-border-color);
+  margin-bottom: 5px;
+}
+
+.specify2 {
+  display: flex;
+  width: 100px;
+  justify-content: space-evenly;
+  border-right: 1px solid var(--hlx-border-color);
+  margin-bottom: 5px;
+}
+
+.specify3 {
+  display: flex;
+  width: 100px;
+  justify-content: space-evenly;
+  border-right: 1px solid var(--hlx-border-color);
+  margin-bottom: 5px;
+}
+
+.specify4 {
+  display: flex;
+  width: 50px;
+  justify-content: space-evenly;
+  border-right: 1px solid var(--hlx-border-color);
+  margin-bottom: 5px;
+}
+
+.specify5 {
+  display: flex;
+  width: 250px;
+  justify-content: space-evenly;
+  margin-bottom: 5px;
+}
+
+.specify7 {
+  display: flex;
+  width: 108px;
+  justify-content: space-evenly;
+  margin-bottom: 5px;
+  margin-left: 10px;
+  border-right: 1px solid var(--hlx-border-color);
+  border-left: 1px solid var(--hlx-border-color);
+}
+
+.specify8 {
+  display: flex;
+  width: 200px;
+  justify-content: space-around;
+  margin-bottom: 5px;
+  margin-right: 10px;
+}
+
+.specify9 {
+  display: flex;
+  width: 80px;
+  justify-content: space-around;
+  margin-bottom: 5px;
+}
+
+.strike {
+  text-decoration: line-through;
+}
+
+.texteditoractive32 {
+  background-color: var(--hlx-color-primary) !important;
+  color: var(--hlx-color-white) !important;
+  border-radius: 8px;
+}
+
+.url-link {
+  width: 100%;
+}
+
+.link-input {
+  height: 40px;
+  width: 100%;
+  outline: none;
+  border: 1px solid var(--hlx-border-color);
+  border-radius: 5px;
+  font-family: "OpenSans";
+}
+
+.link-save-button {
+  height: 40px;
+  background-color: var(--hlx-color-primary);
+  color: var(--hlx-color-white);
+  width: 30%;
+  border-radius: 5px;
+}
+
+.texteditor-head-title {
+  font-weight: bold;
+  font-size: 16px;
+  display: flex;
+  justify-content: flex-start;
+  font-family: "QuickSand";
+}
+
+.adv-option-button {
+  height: 35px;
+  width: 35px;
+  cursor: pointer;
+}
+.adv-option-button:hover {
+  background-color: var(--hlx-color-primary);
+  color: var(--hlx-color-white);
+  border-radius: 6px;
+}/*# sourceMappingURL=texteditor.css.map */

package/dist/src/assets/styles/texteditor.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["texteditor.scss","texteditor.css"],"names":[],"mappings":"AAAA;EACE,yBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EAEA,wBAAA;EACA,sCAAA;EACA;eAAA;EAEA,kBAAA;EACA,yCAAA;ACAF;ADKE;EACE,aAAA;EACA,eAAA;EACA,mBAAA;EAEA,qBAAA;ACJJ;ADMI;EACE,YAAA;EACA,uBAAA;ACJN;ADOI;EACE,YAAA;EACA,WAAA;EACA,aAAA;EACA,mBAAA;EAEA,kBAAA;EACA,YAAA;EACA,yBAAA;EACA,aAAA;EACA,oCAAA;ACNN;ADOM;EACE,eAAA;ACLR;ADQM;EACE,iBAAA;EACA,eAAA;ACNR;ADQM;EACE,kBAAA;EACA,eAAA;ACNR;ADQM;EACE,0BAAA;EACA,eAAA;ACNR;ADQM;EACE,6BAAA;EACA,eAAA;ACNR;ADSM;;EAEE,eAAA;ACPR;ADQQ;;EACE,eAAA;ACLV;ADOQ;;EACE,eAAA;ACJV;ADQI;EACE,0CAAA;EACA,6BAAA;ACNN;ADQI;EACE,YAAA;EACA,yBAAA;EACA,kBAAA;ACNN;ADQI;EACE,YAAA;ACNN;ADQI;EACE,aAAA;EACA,mBAAA;EACA,QAAA;ACNN;ADOM;EACE,eAAA;ACLR;ADQI;EACE,wBAAA;EACA,qBAAA;EACA,gBAAA;EACA,6BAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,eAAA;ACNN;ADQI;EACE,kBAAA;EACA,gDAAA;ACNN;ADQI;EACE,kBAAA;EACA,gDAAA;ACNN;ADQI;EACE,yBAAA;EACA,cAAA;ACNN;ADQI;EACE,yBAAA;EACA,cAAA;ACNN;ADUE;;EAEE,yCAAA;EAEA,gBAAA;EACA,yBAAA;EACA,kBAAA;EACA,aAAA;EACA,YAAA;EAEA,6BAAA;ACVJ;;ADcA;EACE,cAAA;ACXF;;ADcA;EACE,eAAA;ACXF;;AD+BA;EACE,aAAA;EACA,YAAA;EACA,6BAAA;EACA,+CAAA;EACA,kBAAA;AC5BF;;AD8BA;EACE,aAAA;EACA,YAAA;EAEA,6BAAA;EACA,+CAAA;EACA,kBAAA;AC5BF;;AD8BA;EACE,aAAA;EACA,YAAA;EACA,6BAAA;EACA,+CAAA;EACA,kBAAA;AC3BF;;AD6BA;EACE,aAAA;EACA,YAAA;EACA,6BAAA;EACA,+CAAA;EACA,kBAAA;AC1BF;;AD6BA;EACE,aAAA;EACA,WAAA;EACA,6BAAA;EACA,+CAAA;EACA,kBAAA;AC1BF;;AD6BA;EACE,aAAA;EACA,YAAA;EACA,6BAAA;EAEA,kBAAA;AC3BF;;AD8BA;EACE,aAAA;EACA,YAAA;EACA,6BAAA;EACA,kBAAA;EACA,iBAAA;EACA,+CAAA;EACA,8CAAA;AC3BF;;AD8BA;EACE,aAAA;EACA,YAAA;EACA,6BAAA;EACA,kBAAA;EACA,kBAAA;AC3BF;;AD6BA;EACE,aAAA;EACA,WAAA;EACA,6BAAA;EACA,kBAAA;AC1BF;;AD6BA;EACE,6BAAA;AC1BF;;ADiCA;EACE,qDAAA;EACA,wCAAA;EACA,kBAAA;AC9BF;;ADgCA;EACE,WAAA;AC7BF;;ADgCA;EACE,YAAA;EACA,WAAA;EACA,aAAA;EACA,yCAAA;EACA,kBAAA;EACA,uBAAA;AC7BF;;AD+BA;EACE,YAAA;EACA,0CAAA;EACA,6BAAA;EACA,UAAA;EACA,kBAAA;AC5BF;;AD+BA;EACE,iBAAA;EACA,eAAA;EACA,aAAA;EACA,2BAAA;EACA,wBAAA;AC5BF;;AD+BA;EACE,YAAA;EACA,WAAA;EACA,eAAA;AC5BF;AD6BE;EACE,0CAAA;EACA,6BAAA;EACA,kBAAA;AC3BJ","file":"texteditor.css"}

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

@@ -277,207 +277,3 @@
     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;
-}