@fullsession.io/fs-feedback-widget 1.5.10 → 1.6.1

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/bundle.css +329 -0
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +1 -1
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/publicextra.css +298 -0
  8. package/package.json +32 -32
  9. package/src/App.svelte +233 -233
  10. package/src/Icons/mainIcon.svelte +25 -25
  11. package/src/Icons/reactionIcons.svelte +134 -134
  12. package/src/main.js +56 -56
  13. package/src/widgetPages/App.css +111 -111
  14. package/src/widgetPages/reactionPage.svelte +305 -305
  15. package/src/widgetPages/reactionpage.css +236 -236
package/src/widgetPages/reactionpage.css CHANGED
@@ -1,237 +1,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
- .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
-
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
237
  }