@fullsession.io/fs-feedback-widget 1.7.1 → 1.7.3

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 (15) hide show
  1. package/README.md +109 -109
  2. package/dist/index.js +1 -1
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.mjs +1 -1
  5. package/dist/index.mjs.map +1 -1
  6. package/package.json +31 -31
  7. package/src/App.svelte +247 -246
  8. package/src/Icons/mainIcon.svelte +25 -25
  9. package/src/Icons/reactionIcons.svelte +96 -96
  10. package/src/Icons/reactionSvgs/icons.js +475 -475
  11. package/src/Icons/reactionSvgs/images/images.js +36 -36
  12. package/src/main.js +56 -56
  13. package/src/widgetPages/App.css +157 -157
  14. package/src/widgetPages/reactionPage.svelte +383 -383
  15. package/src/widgetPages/reactionpage.css +273 -269
package/src/widgetPages/reactionpage.css CHANGED
@@ -1,270 +1,274 @@
1
- .fsReactionsContainer {
2
- pointer-events: auto;
3
- display: flex;
4
- flex-direction: column;
5
- height: fit-content;
6
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
7
- }
8
-
9
- .fsIcons {
10
- display: flex;
11
- flex-direction: row;
12
- justify-content: space-evenly;
13
- margin-top: 5%;
14
- padding-bottom: 45px;
15
- }
16
-
17
- #fsTxt {
18
- align-self: center;
19
- font-size: 17px;
20
- display: block;
21
- text-align: center;
22
- width: 61%;
23
- overflow: hidden;
24
- }
25
-
26
- .fsIconTextCont {
27
- pointer-events: auto;
28
- display: flex;
29
- flex-direction: column;
30
- align-items: center;
31
- height: 22px;
32
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
33
- }
34
-
35
- .fsReactionText {
36
- font-size: 12px;
37
- display: none;
38
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
39
- margin-top: 0px;
40
- }
41
-
42
- .icons3-text {
43
- padding-left: 3px;
44
- }
45
-
46
- .fsIconTextCont:hover {
47
- pointer-events: auto;
48
- cursor: pointer;
49
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
50
- }
51
-
52
- .fsReactionIcon:hover+.fsReactionText {
53
- display: block;
54
- opacity: 0.8;
55
- }
56
-
57
- .fsCommentContainer,
58
- .fsQuestionContainer {
59
- pointer-events: auto;
60
- display: flex;
61
- flex-direction: column;
62
- pointer-events: auto;
63
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
64
- height: auto;
65
- padding-bottom: 10px;
66
- }
67
-
68
- .fsTextAreaCont {
69
- pointer-events: auto;
70
- width: 100%;
71
- height: 140px;
72
- background-color: #eaeaeb;
73
- margin-top: 17%;
74
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
75
- }
76
-
77
- .fsTextAreaCont-qa-view {
78
- pointer-events: auto;
79
- width: 100%;
80
- height: 140px;
81
- background-color: #eaeaeb;
82
- margin-top: 10px;
83
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
84
- }
85
-
86
- .txt-type-view {
87
- margin-top: 10px;
88
- }
89
-
90
- .fsTextArea, .fsAnswerTextArea {
91
- border: 0px;
92
- width: 85%;
93
- height: 120px;
94
- background-color: #eaeaeb;
95
- margin-left: 6%;
96
- outline: none;
97
- margin-top: 4%;
98
- resize: none;
99
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
100
- }
101
-
102
- .fsTextarea:focus {
103
- outline: none !important;
104
- }
105
-
106
- .fsSendButtonCommentComponent {
107
- pointer-events: auto;
108
- color: #ffff;
109
- font-size: 12px;
110
- text-align: center;
111
- margin-top: 6px;
112
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
113
-
114
- }
115
-
116
- .fsSendButtonContCommentComp {
117
- pointer-events: auto;
118
- background-color: var(--buttonColor);
119
- width: 50px;
120
- height: 29px;
121
- box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
122
- border-radius: 3px;
123
- margin-top: 13px;
124
- margin-right: 11px;
125
- cursor: pointer;
126
- border: 0px;
127
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
128
-
129
- }
130
-
131
- .fsCommentButtonContDisable {
132
- pointer-events: auto;
133
- background-color: #cccccc;
134
- width: 50px;
135
- height: 29px;
136
- box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
137
- border-radius: 3px;
138
- margin-top: 13px;
139
- margin-right: 11px;
140
- cursor: not-allowed;
141
- border: 0px;
142
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
143
-
144
- }
145
-
146
- .fsCommentButtonTxtDisable {
147
- pointer-events: auto;
148
- color: black;
149
- font-size: 12px;
150
- text-align: center;
151
- margin-top: 6px;
152
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
153
-
154
- }
155
-
156
- .fsFooter {
157
- pointer-events: auto;
158
- display: flex;
159
- justify-content: flex-end;
160
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
161
-
162
- }
163
-
164
- .fsIcons-second {
165
-
166
- display: flex;
167
- flex-direction: row;
168
- justify-content: space-evenly;
169
- margin-top: 6%;
170
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
171
- }
172
-
173
- .fsPointerDiv {
174
- width: 0;
175
- height: 0;
176
- border-left: 3px solid transparent;
177
- margin-top: -8px;
178
- border-right: 5px solid transparent;
179
- border-bottom: 8px solid #eaeaeb;
180
- margin-left: var(--pointerMargin);
181
- }
182
-
183
- #fsHateDiv {
184
- display: var(--hateDisplay);
185
- }
186
-
187
- #fsDislikeDiv {
188
- display: var(--dislikeDisplay);
189
- }
190
-
191
- #fsNeutralDiv {
192
- display: var(--neutralDisplay);
193
- }
194
-
195
- #fsLikeDiv {
196
- display: var(--likeDisplay);
197
- }
198
-
199
- #fsLoveDiv {
200
- display: var(--loveDisplay);
201
- }
202
-
203
- .fsEmailContainer {
204
- pointer-events: auto;
205
- display: flex;
206
- flex-direction: column;
207
- height: fit-content;
208
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
209
- }
210
-
211
- #fsEmailInputCont {
212
- pointer-events: auto;
213
- pointer-events: auto;
214
- width: 100%;
215
- height: 46px;
216
- background-color: #eaeaeb;
217
- display: flex;
218
- /* align-items: center; */
219
- justify-content: center;
220
- margin-top: 10%;
221
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
222
- }
223
-
224
- #fsEmailTextArea {
225
- pointer-events: auto;
226
- text-align: center;
227
- border: 0px;
228
- background-color: #eaeaeb;
229
- outline: none;
230
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
231
- }
232
-
233
- #fsEmailText {
234
- width: 80%;
235
- display: block;
236
- text-align: center;
237
- align-self: center;
238
- overflow: hidden;
239
- padding-top: 20px;
240
- line-height: 1.29;
241
- font-size: 17px;
242
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
243
- }
244
-
245
- .fsEmailFooter {
246
- pointer-events: auto;
247
- display: flex;
248
- justify-content: flex-end;
249
- flex-direction: row;
250
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
251
-
252
- }
253
-
254
- #fsSkipText {
255
- color: #908f8f;
256
- cursor: pointer;
257
- font-size: 13px;
258
- margin-top: 6%;
259
- margin-right: 4%;
260
- letter-spacing: normal;
261
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
262
-
263
-
264
- }
265
-
266
- #fsSkipText:hover {
267
- color: #666666;
268
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
269
-
1
+ .fsReactionsContainer {
2
+ pointer-events: auto;
3
+ display: flex;
4
+ flex-direction: column;
5
+ height: fit-content;
6
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
7
+ }
8
+
9
+ .fsIcons {
10
+ display: flex;
11
+ flex-direction: row;
12
+ justify-content: space-evenly;
13
+ margin-top: 5%;
14
+ padding-bottom: 45px;
15
+ }
16
+
17
+ #fsTxt {
18
+ align-self: center;
19
+ font-size: 17px;
20
+ display: block;
21
+ text-align: center;
22
+ width: 61%;
23
+ overflow: hidden;
24
+ }
25
+
26
+ .fsIconTextCont {
27
+ pointer-events: auto;
28
+ display: flex;
29
+ flex-direction: column;
30
+ align-items: center;
31
+ height: 22px;
32
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
33
+ }
34
+
35
+ .fsReactionText {
36
+ font-size: 12px;
37
+ display: none;
38
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
39
+ margin-top: 0px;
40
+ }
41
+
42
+ .icons3-text {
43
+ padding-left: 5px;
44
+ }
45
+
46
+ .icons3-text-2 {
47
+ padding-left: 3px;
48
+ }
49
+
50
+ .fsIconTextCont:hover {
51
+ pointer-events: auto;
52
+ cursor: pointer;
53
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
54
+ }
55
+
56
+ .fsReactionIcon:hover+.fsReactionText {
57
+ display: block;
58
+ opacity: 0.8;
59
+ }
60
+
61
+ .fsCommentContainer,
62
+ .fsQuestionContainer {
63
+ pointer-events: auto;
64
+ display: flex;
65
+ flex-direction: column;
66
+ pointer-events: auto;
67
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
68
+ height: auto;
69
+ padding-bottom: 10px;
70
+ }
71
+
72
+ .fsTextAreaCont {
73
+ pointer-events: auto;
74
+ width: 100%;
75
+ height: 140px;
76
+ background-color: #eaeaeb;
77
+ margin-top: 17%;
78
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
79
+ }
80
+
81
+ .fsTextAreaCont-qa-view {
82
+ pointer-events: auto;
83
+ width: 100%;
84
+ height: 140px;
85
+ background-color: #eaeaeb;
86
+ margin-top: 10px;
87
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
88
+ }
89
+
90
+ .txt-type-view {
91
+ margin-top: 10px;
92
+ }
93
+
94
+ .fsTextArea, .fsAnswerTextArea {
95
+ border: 0px;
96
+ width: 85%;
97
+ height: 120px;
98
+ background-color: #eaeaeb;
99
+ margin-left: 6%;
100
+ outline: none;
101
+ margin-top: 4%;
102
+ resize: none;
103
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
104
+ }
105
+
106
+ .fsTextarea:focus {
107
+ outline: none !important;
108
+ }
109
+
110
+ .fsSendButtonCommentComponent {
111
+ pointer-events: auto;
112
+ color: #ffff;
113
+ font-size: 12px;
114
+ text-align: center;
115
+ margin-top: 6px;
116
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
117
+
118
+ }
119
+
120
+ .fsSendButtonContCommentComp {
121
+ pointer-events: auto;
122
+ background-color: var(--buttonColor);
123
+ width: 50px;
124
+ height: 29px;
125
+ box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
126
+ border-radius: 3px;
127
+ margin-top: 13px;
128
+ margin-right: 11px;
129
+ cursor: pointer;
130
+ border: 0px;
131
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
132
+
133
+ }
134
+
135
+ .fsCommentButtonContDisable {
136
+ pointer-events: auto;
137
+ background-color: #cccccc;
138
+ width: 50px;
139
+ height: 29px;
140
+ box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;
141
+ border-radius: 3px;
142
+ margin-top: 13px;
143
+ margin-right: 11px;
144
+ cursor: not-allowed;
145
+ border: 0px;
146
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
147
+
148
+ }
149
+
150
+ .fsCommentButtonTxtDisable {
151
+ pointer-events: auto;
152
+ color: black;
153
+ font-size: 12px;
154
+ text-align: center;
155
+ margin-top: 6px;
156
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
157
+
158
+ }
159
+
160
+ .fsFooter {
161
+ pointer-events: auto;
162
+ display: flex;
163
+ justify-content: flex-end;
164
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
165
+
166
+ }
167
+
168
+ .fsIcons-second {
169
+
170
+ display: flex;
171
+ flex-direction: row;
172
+ justify-content: space-evenly;
173
+ margin-top: 6%;
174
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
175
+ }
176
+
177
+ .fsPointerDiv {
178
+ width: 0;
179
+ height: 0;
180
+ border-left: 3px solid transparent;
181
+ margin-top: -8px;
182
+ border-right: 5px solid transparent;
183
+ border-bottom: 8px solid #eaeaeb;
184
+ margin-left: var(--pointerMargin);
185
+ }
186
+
187
+ #fsHateDiv {
188
+ display: var(--hateDisplay);
189
+ }
190
+
191
+ #fsDislikeDiv {
192
+ display: var(--dislikeDisplay);
193
+ }
194
+
195
+ #fsNeutralDiv {
196
+ display: var(--neutralDisplay);
197
+ }
198
+
199
+ #fsLikeDiv {
200
+ display: var(--likeDisplay);
201
+ }
202
+
203
+ #fsLoveDiv {
204
+ display: var(--loveDisplay);
205
+ }
206
+
207
+ .fsEmailContainer {
208
+ pointer-events: auto;
209
+ display: flex;
210
+ flex-direction: column;
211
+ height: fit-content;
212
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
213
+ }
214
+
215
+ #fsEmailInputCont {
216
+ pointer-events: auto;
217
+ pointer-events: auto;
218
+ width: 100%;
219
+ height: 46px;
220
+ background-color: #eaeaeb;
221
+ display: flex;
222
+ /* align-items: center; */
223
+ justify-content: center;
224
+ margin-top: 10%;
225
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
226
+ }
227
+
228
+ #fsEmailTextArea {
229
+ pointer-events: auto;
230
+ text-align: center;
231
+ border: 0px;
232
+ background-color: #eaeaeb;
233
+ outline: none;
234
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
235
+ }
236
+
237
+ #fsEmailText {
238
+ width: 80%;
239
+ display: block;
240
+ text-align: center;
241
+ align-self: center;
242
+ overflow: hidden;
243
+ padding-top: 20px;
244
+ line-height: 1.29;
245
+ font-size: 17px;
246
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
247
+ }
248
+
249
+ .fsEmailFooter {
250
+ pointer-events: auto;
251
+ display: flex;
252
+ justify-content: flex-end;
253
+ flex-direction: row;
254
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
255
+
256
+ }
257
+
258
+ #fsSkipText {
259
+ color: #908f8f;
260
+ cursor: pointer;
261
+ font-size: 13px;
262
+ margin-top: 6%;
263
+ margin-right: 4%;
264
+ letter-spacing: normal;
265
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
266
+
267
+
268
+ }
269
+
270
+ #fsSkipText:hover {
271
+ color: #666666;
272
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
273
+
270
274
  }