@fullsession.io/fs-feedback-widget 1.3.3 → 1.3.6

package/src/widgetPages/reactionpage.css

@@ -1,16 +1,17 @@
-.container {
+.fsReactionsContainer {
     pointer-events: auto;
     display: flex;
     flex-direction: column;
     height: 190px;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   }
-  .icons {
+  .fsIcons {
     display: flex;
     flex-direction: row;
     justify-content: space-evenly;
     margin-top: 11%;
   }
-  #txt {
+  #fsTxt {
     font-size: 17px;
     display: flex;
     text-align: center;
@@ -19,44 +20,50 @@
     margin-left: 19%;
   }
 
-  .iconTextCont {
+  .fsIconTextCont {
     pointer-events: auto;
     display: flex;
     flex-direction: column;
     align-items: center;
     height: 22px;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   }
 
-  .reactionText {
+  .fsReactionText {
     font-size: 12px;
     display: none;
-    margin-top: 9.5%;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    margin-top: 0px;
     
   }
-  .iconTextCont:hover{
+  .fsIconTextCont:hover{
     pointer-events: auto;
     cursor: pointer;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   }
-  .reactionIcon:hover + .reactionText {
+  .fsReactionIcon:hover + .fsReactionText {
     display: block;
     opacity: 0.8;
   }
 
-  .commentContainer{
+  .fsCommentContainer{
     pointer-events: auto;
     display: flex;
     flex-direction: column;
     height: 291px;
     pointer-events: auto;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   }
-  .textAreaCont{
+  .fsTextAreaCont{
     pointer-events: auto;
       width: 100%;
       height: 140px;
       background-color: #eaeaeb;
       margin-top: 17%;
+      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
   }
-  .textArea{
+  .fsTextArea{
     border: 0px;
     width: 85%;
     height: 120px;
@@ -65,17 +72,19 @@
     outline: none;
     margin-top: 4%;
     resize: none;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 
   }
-  .SendButtonCommentComponent{
+  .fsSendButtonCommentComponent{
     pointer-events: auto;
       color: #ffff;
       font-size: 12px;
       text-align: center;
       margin-top: 7px;
-      
+      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
   }
-  .sendButtonContCommentComp{
+  .fsSendButtonContCommentComp{
     pointer-events: auto;
       background-color: var(--buttonColor);
       width: 50px;
@@ -86,10 +95,11 @@
     margin-right: 11px;
     cursor: pointer;
     border: 0px;
-    
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
   }
   
-.CommentButtonContDisable{
+.fsCommentButtonContDisable{
     pointer-events: auto;
   background-color: #cccccc;
       width: 50px;
@@ -100,28 +110,36 @@
     margin-right: 11px;
     cursor:not-allowed;
     border: 0px;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
 }
-.CommentButtonTxtDisable{
+.fsCommentButtonTxtDisable{
     pointer-events: auto;
       color: black;
       font-size: 12px;
       text-align: center;
       margin-top: 7px;
+      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
 }
-  .footer{
+  .fsFooter{
     pointer-events: auto;
       display: flex;
       justify-content: flex-end;
+      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
   }
 
-  .icons-second{
+  .fsIcons-second{
 
     display: flex;
     flex-direction: row;
     justify-content: space-evenly;
     margin-top: 6%;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
   }
-  .pointerDiv{
+  .fsPointerDiv{
     width: 0;
     height: 0;
     border-left: 3px solid transparent;
@@ -132,28 +150,30 @@
 
 
   }
-  #hateDiv{
+  #fsHateDiv{
     display: var(--hateDisplay);
   }
-  #dislikeDiv{
+  #fsDislikeDiv{
     display: var(--dislikeDisplay);
   }
-  #neutralDiv{
+  #fsNeutralDiv{
     display: var(--neutralDisplay);
   }
-  #likeDiv{
+  #fsLikeDiv{
     display: var(--likeDisplay);
   }
-  #loveDiv{
+  #fsLoveDiv{
     display: var(--loveDisplay);
   }
-  .emailContainer{
+  .fsEmailContainer{
     pointer-events: auto;
     display: flex;
     flex-direction: column;
     height: 220px;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
   }
-  #emailInputCont{
+  #fsEmailInputCont{
     pointer-events: auto;
     pointer-events: auto;
     width: 100%;
@@ -163,38 +183,50 @@
     /* align-items: center; */
     justify-content: center;
     margin-top: 10%;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
 
   }
-  #EmailTextArea{
+  #fsEmailTextArea{
     pointer-events: auto;
     text-align: center;
     border: 0px;
     background-color: #eaeaeb;
     outline: none;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
   }
- #emailText{
+ #fsEmailText{
     width: 80%;
     text-align: center;
     margin-left: 11%;
     margin-top: 8%;
     line-height: 1.29;
     font-size: 17px;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
  }
- .emailFooter{
+ .fsEmailFooter{
     pointer-events: auto;
   display: flex;
   justify-content: flex-end;
   flex-direction: row;
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
  }
- #skipText{
+ #fsSkipText{
   color: #908f8f;
     cursor: pointer;
     font-size: 13px;
     margin-top: 6%;
     margin-right: 4%;
     letter-spacing: normal;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
 
  }
- #skipText:hover{
+ #fsSkipText:hover{
    color: #666666;
+   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
  }