@fullsession.io/fs-feedback-widget 1.2.1 → 1.2.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.
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/App.svelte +11 -1
- package/src/widgetPages/App.css +5 -2
- package/src/widgetPages/reactionpage.css +3 -0
package/package.json
CHANGED
package/src/App.svelte
CHANGED
|
@@ -9,6 +9,15 @@
|
|
|
9
9
|
$:document.documentElement.style.setProperty('--widgetColor', widgetColor);
|
|
10
10
|
let widgetTextColor="";
|
|
11
11
|
let iconColor = "";
|
|
12
|
+
let widgetName="feedback"
|
|
13
|
+
if(feedback.wgLanguage == "en"){
|
|
14
|
+
widgetName = "feedback"
|
|
15
|
+
} else if(feedback.wgLanguage == "ar"){
|
|
16
|
+
widgetName = "رأي"
|
|
17
|
+
} else{
|
|
18
|
+
widgetName = "Rétroaction"
|
|
19
|
+
}
|
|
20
|
+
|
|
12
21
|
if(feedback.wgAlternateColor === true){
|
|
13
22
|
widgetTextColor = "white";
|
|
14
23
|
iconColor = "white"
|
|
@@ -16,6 +25,7 @@
|
|
|
16
25
|
widgetTextColor = "black";
|
|
17
26
|
iconColor ="black"
|
|
18
27
|
}
|
|
28
|
+
|
|
19
29
|
$:document.documentElement.style.setProperty('--widgetTextColor', widgetTextColor);
|
|
20
30
|
|
|
21
31
|
let wgPositionHorizintal="";
|
|
@@ -107,7 +117,7 @@
|
|
|
107
117
|
|
|
108
118
|
{#if buttonVisible}
|
|
109
119
|
<div class="widget" on:click={openWidget}>
|
|
110
|
-
<div id="feedbackTxt">
|
|
120
|
+
<div id="feedbackTxt">{widgetName}</div>
|
|
111
121
|
<div id="mainIcon">
|
|
112
122
|
<MainIcon bind:fill={iconColor}/>
|
|
113
123
|
</div>
|
package/src/widgetPages/App.css
CHANGED
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
container{
|
|
2
|
-
width:
|
|
2
|
+
width: 100%;
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: var(--wgPositionVertical);
|
|
5
5
|
position: fixed;
|
|
6
6
|
top: 0; right: 0; bottom: 0; left: 0;
|
|
7
|
-
height:
|
|
7
|
+
height: 100%;
|
|
8
|
+
pointer-events: none;
|
|
8
9
|
align-items: var(--wgPositionHorizintal);
|
|
9
10
|
padding: 0;
|
|
10
11
|
z-index: 100000;
|
|
11
12
|
}
|
|
12
13
|
.widget {
|
|
14
|
+
pointer-events: auto;
|
|
13
15
|
background-color: var(--widgetColor);
|
|
14
16
|
width: 34px;
|
|
15
17
|
height: 112px;
|
|
@@ -52,6 +54,7 @@ container{
|
|
|
52
54
|
box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 100px 0px;
|
|
53
55
|
}
|
|
54
56
|
.thanksMessageCont{
|
|
57
|
+
pointer-events: auto;
|
|
55
58
|
width: 320px;
|
|
56
59
|
height: 104px;
|
|
57
60
|
background-color: rgb(255, 255, 255);
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
.container {
|
|
2
|
+
pointer-events: auto;
|
|
2
3
|
display: flex;
|
|
3
4
|
flex-direction: column;
|
|
4
5
|
height: 190px;
|
|
@@ -41,6 +42,7 @@
|
|
|
41
42
|
display: flex;
|
|
42
43
|
flex-direction: column;
|
|
43
44
|
height: 291px;
|
|
45
|
+
pointer-events: auto;
|
|
44
46
|
}
|
|
45
47
|
.textAreaCont{
|
|
46
48
|
width: 100%;
|
|
@@ -139,6 +141,7 @@
|
|
|
139
141
|
height: 220px;
|
|
140
142
|
}
|
|
141
143
|
#emailInputCont{
|
|
144
|
+
pointer-events: auto;
|
|
142
145
|
width: 100%;
|
|
143
146
|
height: 46px;
|
|
144
147
|
background-color: #eaeaeb;
|