@product7/product7-js 0.4.3 → 0.4.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.
- package/dist/product7-js.js +13 -10
- package/dist/product7-js.js.map +1 -1
- package/dist/product7-js.min.js +1 -1
- package/dist/product7-js.min.js.map +1 -1
- package/package.json +1 -1
- package/src/styles/survey.js +13 -10
package/package.json
CHANGED
package/src/styles/survey.js
CHANGED
|
@@ -201,14 +201,12 @@ export const surveyStyles = `
|
|
|
201
201
|
}
|
|
202
202
|
|
|
203
203
|
.feedback-survey-nps-btn:hover {
|
|
204
|
-
filter: brightness(1.
|
|
204
|
+
filter: brightness(1.12);
|
|
205
205
|
}
|
|
206
206
|
|
|
207
207
|
.feedback-survey-nps-btn.selected {
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
position: relative;
|
|
211
|
-
box-shadow: 0 0 0 2px #fff, 0 0 0 4px currentColor;
|
|
208
|
+
filter: brightness(0.82);
|
|
209
|
+
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.25);
|
|
212
210
|
}
|
|
213
211
|
|
|
214
212
|
.feedback-survey-nps-btn:active {
|
|
@@ -216,10 +214,6 @@ export const surveyStyles = `
|
|
|
216
214
|
transition-duration: 100ms;
|
|
217
215
|
}
|
|
218
216
|
|
|
219
|
-
.feedback-survey-nps-btn.selected:active {
|
|
220
|
-
transform: scale(1.06) translateY(1px);
|
|
221
|
-
}
|
|
222
|
-
|
|
223
217
|
/* NPS score colors */
|
|
224
218
|
.feedback-survey-nps-score-0 { background: #dc2626; border-color: #dc2626; }
|
|
225
219
|
.feedback-survey-nps-score-1 { background: #ef4444; border-color: #ef4444; }
|
|
@@ -350,7 +344,10 @@ export const surveyStyles = `
|
|
|
350
344
|
background: none;
|
|
351
345
|
border: none;
|
|
352
346
|
cursor: pointer;
|
|
353
|
-
padding:
|
|
347
|
+
padding: 4px;
|
|
348
|
+
width: 40px;
|
|
349
|
+
height: 40px;
|
|
350
|
+
flex-shrink: 0;
|
|
354
351
|
line-height: 1;
|
|
355
352
|
color: var(--color-neutral-300);
|
|
356
353
|
transition: color var(--transition-fast), transform var(--transition-fast);
|
|
@@ -359,6 +356,12 @@ export const surveyStyles = `
|
|
|
359
356
|
justify-content: center;
|
|
360
357
|
}
|
|
361
358
|
|
|
359
|
+
.feedback-survey-star-btn iconify-icon {
|
|
360
|
+
display: block;
|
|
361
|
+
pointer-events: none;
|
|
362
|
+
flex-shrink: 0;
|
|
363
|
+
}
|
|
364
|
+
|
|
362
365
|
.feedback-survey-star-btn.filled,
|
|
363
366
|
.feedback-survey-star-btn.hovered {
|
|
364
367
|
color: #f59e0b;
|