@fullsession.io/fs-feedback-widget 1.7.6 → 1.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fullsession.io/fs-feedback-widget",
-  "version": "1.7.6",
+  "version": "1.8.0",
   "scripts": {
     "build": "rollup -c",
     "dev": "rollup -c -w",

package/src/App.svelte

@@ -225,8 +225,8 @@
 </script>
 
 <fsContainer
-  class={!buttonVisible && widgetDisplayMode == 1 ? "modal" : "side"}
-  style="position: 10px"
+  class={!buttonVisible && widgetDisplayMode == 1 ? "fs-feedback-modal" : "fs-side"}
+  style="position: fixed; top: 0; right: 0; bottom: 0; left: 0;"
   dir="ltr"
 >
   {#if buttonVisible}
@@ -259,7 +259,7 @@
       <div class="fsCloseCont" on:click={closeThanksMessage}>
         <p id="fsCloseIcon">X</p>
       </div>
-      <div class="thanks-txt">
+      <div class="fs-thanks-txt">
         {widgetThanksMsg}
       </div>
     </div>

package/src/widgetPages/App.css

@@ -1,4 +1,4 @@
-.side {
+.fs-side {
   width: 100%;
   display: flex;
   flex-direction: var(--wgPositionVertical);
@@ -15,20 +15,18 @@
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }
 
-.modal {
+.fs-feedback-modal {
   display: flex !important;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100%;
-  position: var(--positionState);
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 100000;
-  pointer-events: none;
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }
 
-.thanks-txt {
+.fs-thanks-txt {
   width: 61%;
   padding: 20px 0;
   text-align: center;

package/src/widgetPages/reactionPage.svelte

@@ -198,7 +198,7 @@
             <Icons bind:name={changingReactionNames[0]} bind:emotIconType={widgetEmotIconType} />
           </div>
 
-          <p class="fsReactionText" class:icons3-text-2={widgetEmotIconType === "2"}>Hate</p>
+          <p class="fsReactionText" class:fs-icons3-text-2={widgetEmotIconType === "2"}>Hate</p>
         </div>
 
         <div
@@ -209,7 +209,7 @@
             <Icons bind:name={changingReactionNames[1]} bind:emotIconType={widgetEmotIconType} />
           </div>
 
-          <p class="fsReactionText" class:icons3-text={widgetEmotIconType === "2"}>Dislike</p>
+          <p class="fsReactionText" class:fs-icons3-text={widgetEmotIconType === "2"}>Dislike</p>
         </div>
         <div
           class="fsIconTextCont"
@@ -225,13 +225,13 @@
           <div class="fsReactionIcon">
             <Icons bind:name={changingReactionNames[3]} bind:emotIconType={widgetEmotIconType} />
           </div>
-          <p class="fsReactionText" class:icons3-text={widgetEmotIconType === "2"}>Like</p>
+          <p class="fsReactionText" class:fs-icons3-text={widgetEmotIconType === "2"}>Like</p>
         </div>
         <div class="fsIconTextCont" on:click={() => openComment(2, 5, "love")}>
           <div class="fsReactionIcon">
             <Icons bind:name={changingReactionNames[4]} bind:emotIconType={widgetEmotIconType} />
           </div>
-          <p class="fsReactionText" class:icons3-text-2={widgetEmotIconType === "2"}>Love</p>
+          <p class="fsReactionText" class:fs-icons3-text-2={widgetEmotIconType === "2"}>Love</p>
         </div>
       </div>
     </div>
@@ -272,7 +272,7 @@
           {/if}
         </div>
 
-        <p class="fsReactionText" id="fsHateDiv" class:icons3-text-2={widgetEmotIconType === "2"}>Hate</p>
+        <p class="fsReactionText" id="fsHateDiv" class:fs-icons3-text-2={widgetEmotIconType === "2"}>Hate</p>
       </div>
 
       <div class="fsIconTextCont" on:click={() => openComment(2, 2, "dislike")}>
@@ -284,7 +284,7 @@
           {/if}
         </div>
 
-        <p class="fsReactionText" id="fsDislikeDiv" class:icons3-text={widgetEmotIconType === "2"}>Dislike</p>
+        <p class="fsReactionText" id="fsDislikeDiv" class:fs-icons3-text={widgetEmotIconType === "2"}>Dislike</p>
       </div>
       <div class="fsIconTextCont" on:click={() => openComment(2, 3, "neutral")}>
         <div class="fsReactionIcon">
@@ -305,7 +305,7 @@
             <Icons bind:name={changingReactionNames[3]} bind:emotIconType={widgetEmotIconType} />
           {/if}
         </div>
-        <p class="fsReactionText" id="fsLikeDiv" class:icons3-text={widgetEmotIconType === "2"}>Like</p>
+        <p class="fsReactionText" id="fsLikeDiv" class:fs-icons3-text={widgetEmotIconType === "2"}>Like</p>
       </div>
       <div class="fsIconTextCont">
         <div class="fsReactionIcon" on:click={() => openComment(2, 5, "love")}>
@@ -315,7 +315,7 @@
             <Icons bind:name={changingReactionNames[4]} bind:emotIconType={widgetEmotIconType} />
           {/if}
         </div>
-        <p class="fsReactionText" id="fsLoveDiv" class:icons3-text-2={widgetEmotIconType === "2"}>Love</p>
+        <p class="fsReactionText" id="fsLoveDiv" class:fs-icons3-text-2={widgetEmotIconType === "2"}>Love</p>
       </div>
     </div>
 

package/src/widgetPages/reactionpage.css

@@ -39,11 +39,11 @@
   margin-top: 0px;
 }
 
-.icons3-text {
+.fs-icons3-text {
   padding-left: 5px;
 }
 
-.icons3-text-2 {
+.fs-icons3-text-2 {
   padding-left: 3px;
 }
 
@@ -87,10 +87,6 @@
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 }
 
-.txt-type-view {
-  margin-top: 10px;
-}
-
 .fsTextArea, .fsAnswerTextArea {
   border: 0px;
   width: 85%;