@fullsession.io/fs-feedback-widget 1.6.0 → 1.7.0

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