@fullsession.io/fs-feedback-widget 1.2.2 → 1.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +1 -1
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
  6. package/src/App.svelte +2 -2
  7. package/src/widgetPages/App.css +3 -0
  8. package/src/widgetPages/reactionpage.css +17 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fullsession.io/fs-feedback-widget",
3
- "version": "1.2.2",
3
+ "version": "1.2.4",
4
4
  "scripts": {
5
5
  "build": "rollup -c",
6
6
  "dev": "rollup -c -w",
package/src/App.svelte CHANGED
@@ -9,7 +9,7 @@
9
9
  $:document.documentElement.style.setProperty('--widgetColor', widgetColor);
10
10
  let widgetTextColor="";
11
11
  let iconColor = "";
12
- let widgetName="feedback"
12
+ let widgetName="Feedback"
13
13
  if(feedback.wgLanguage == "en"){
14
14
  widgetName = "feedback"
15
15
  } else if(feedback.wgLanguage == "ar"){
@@ -117,7 +117,7 @@
117
117
 
118
118
  {#if buttonVisible}
119
119
  <div class="widget" on:click={openWidget}>
120
- <div id="feedbackTxt">{{widgetName}}</div>
120
+ <div id="feedbackTxt">{widgetName}</div>
121
121
  <div id="mainIcon">
122
122
  <MainIcon bind:fill={iconColor}/>
123
123
  </div>
package/src/widgetPages/App.css CHANGED
@@ -45,6 +45,7 @@ container{
45
45
  box-shadow: 0px 0px 35px 2px rgba(0, 0, 0, 0.24);
46
46
  }
47
47
  .cont {
48
+ pointer-events: auto;
48
49
  width: 320px;
49
50
  height: fit-content;
50
51
  background-color: rgb(255, 255, 255);
@@ -54,6 +55,7 @@ container{
54
55
  box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px;
55
56
  }
56
57
  .thanksMessageCont{
58
+ pointer-events: auto;
57
59
  width: 320px;
58
60
  height: 104px;
59
61
  background-color: rgb(255, 255, 255);
@@ -71,6 +73,7 @@ container{
71
73
 
72
74
  }
73
75
  .closeCont{
76
+ pointer-events: auto;
74
77
  background-color: #4d5167;
75
78
  width: 27px;
76
79
  height: 27px;
package/src/widgetPages/reactionpage.css CHANGED
@@ -1,4 +1,5 @@
1
1
  .container {
2
+ pointer-events: auto;
2
3
  display: flex;
3
4
  flex-direction: column;
4
5
  height: 190px;
@@ -19,6 +20,7 @@
19
20
  }
20
21
 
21
22
  .iconTextCont {
23
+ pointer-events: auto;
22
24
  display: flex;
23
25
  flex-direction: column;
24
26
  align-items: center;
@@ -30,6 +32,7 @@
30
32
  display: none;
31
33
  }
32
34
  .iconTextCont:hover{
35
+ pointer-events: auto;
33
36
  cursor: pointer;
34
37
  }
35
38
  .reactionIcon:hover + .reactionText {
@@ -38,11 +41,14 @@
38
41
  }
39
42
 
40
43
  .commentContainer{
44
+ pointer-events: auto;
41
45
  display: flex;
42
46
  flex-direction: column;
43
47
  height: 291px;
48
+ pointer-events: auto;
44
49
  }
45
50
  .textAreaCont{
51
+ pointer-events: auto;
46
52
  width: 100%;
47
53
  height: 140px;
48
54
  background-color: #eaeaeb;
@@ -60,6 +66,7 @@
60
66
 
61
67
  }
62
68
  .SendButtonCommentComponent{
69
+ pointer-events: auto;
63
70
  color: #ffff;
64
71
  font-size: 12px;
65
72
  text-align: center;
@@ -67,6 +74,7 @@
67
74
 
68
75
  }
69
76
  .sendButtonContCommentComp{
77
+ pointer-events: auto;
70
78
  background-color: var(--buttonColor);
71
79
  width: 50px;
72
80
  height: 29px;
@@ -80,6 +88,7 @@
80
88
  }
81
89
 
82
90
  .CommentButtonContDisable{
91
+ pointer-events: auto;
83
92
  background-color: #cccccc;
84
93
  width: 50px;
85
94
  height: 29px;
@@ -91,17 +100,20 @@
91
100
  border: 0px;
92
101
  }
93
102
  .CommentButtonTxtDisable{
103
+ pointer-events: auto;
94
104
  color: black;
95
105
  font-size: 12px;
96
106
  text-align: center;
97
107
  margin-top: 2px;
98
108
  }
99
109
  .footer{
110
+ pointer-events: auto;
100
111
  display: flex;
101
112
  justify-content: flex-end;
102
113
  }
103
114
 
104
115
  .icons-second{
116
+
105
117
  display: flex;
106
118
  flex-direction: row;
107
119
  justify-content: space-evenly;
@@ -134,11 +146,14 @@
134
146
  display: var(--loveDisplay);
135
147
  }
136
148
  .emailContainer{
149
+ pointer-events: auto;
137
150
  display: flex;
138
151
  flex-direction: column;
139
152
  height: 220px;
140
153
  }
141
154
  #emailInputCont{
155
+ pointer-events: auto;
156
+ pointer-events: auto;
142
157
  width: 100%;
143
158
  height: 46px;
144
159
  background-color: #eaeaeb;
@@ -149,6 +164,7 @@
149
164
 
150
165
  }
151
166
  #EmailTextArea{
167
+ pointer-events: auto;
152
168
  text-align: center;
153
169
  border: 0px;
154
170
  background-color: #eaeaeb;
@@ -164,6 +180,7 @@
164
180
  font-size: 17px;
165
181
  }
166
182
  .emailFooter{
183
+ pointer-events: auto;
167
184
  display: flex;
168
185
  justify-content: flex-end;
169
186
  flex-direction: row;