@product7/feedback-sdk 1.7.6 → 1.7.7
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/feedback-sdk.js
CHANGED
|
@@ -7579,12 +7579,12 @@
|
|
|
7579
7579
|
if (ratingType === 'ces') {
|
|
7580
7580
|
const cesLabels = ['Very Difficult', 'Difficult', 'Neutral', 'Easy', 'Very Easy'];
|
|
7581
7581
|
return `
|
|
7582
|
-
<div class="feedback-survey-ces" data-page-id="${pageId}">
|
|
7582
|
+
<div class="feedback-survey-ces-list" data-page-id="${pageId}">
|
|
7583
7583
|
${cesLabels
|
|
7584
7584
|
.map((label, i) => {
|
|
7585
7585
|
const score = i + 1;
|
|
7586
7586
|
const selected = currentRating === score ? ' selected' : '';
|
|
7587
|
-
return `<button class="feedback-survey-page-rating-btn feedback-survey-ces-btn${selected}" data-page-id="${pageId}" data-score="${score}">${label}</button>`;
|
|
7587
|
+
return `<button class="feedback-survey-page-rating-btn feedback-survey-ces-list-btn${selected}" data-page-id="${pageId}" data-score="${score}">${label}</button>`;
|
|
7588
7588
|
})
|
|
7589
7589
|
.join('')}
|
|
7590
7590
|
</div>
|
|
@@ -12882,6 +12882,38 @@
|
|
|
12882
12882
|
color: var(--color-white);
|
|
12883
12883
|
}
|
|
12884
12884
|
|
|
12885
|
+
.feedback-survey-ces-list {
|
|
12886
|
+
display: flex;
|
|
12887
|
+
flex-direction: column;
|
|
12888
|
+
gap: var(--spacing-2);
|
|
12889
|
+
}
|
|
12890
|
+
|
|
12891
|
+
.feedback-survey-ces-list-btn {
|
|
12892
|
+
width: 100%;
|
|
12893
|
+
padding: var(--spacing-3) var(--spacing-4);
|
|
12894
|
+
border: 1px solid var(--color-border);
|
|
12895
|
+
border-radius: var(--radius-md);
|
|
12896
|
+
background: var(--color-surface);
|
|
12897
|
+
cursor: pointer;
|
|
12898
|
+
font-size: var(--font-size-base);
|
|
12899
|
+
font-weight: var(--font-weight-medium);
|
|
12900
|
+
color: var(--color-text-primary);
|
|
12901
|
+
transition: all var(--transition-fast);
|
|
12902
|
+
font-family: inherit;
|
|
12903
|
+
text-align: left;
|
|
12904
|
+
}
|
|
12905
|
+
|
|
12906
|
+
.feedback-survey-ces-list-btn:hover {
|
|
12907
|
+
background: var(--color-neutral-100);
|
|
12908
|
+
border-color: var(--color-border);
|
|
12909
|
+
}
|
|
12910
|
+
|
|
12911
|
+
.feedback-survey-ces-list-btn.selected {
|
|
12912
|
+
background: var(--color-primary);
|
|
12913
|
+
border-color: var(--color-primary);
|
|
12914
|
+
color: var(--color-white);
|
|
12915
|
+
}
|
|
12916
|
+
|
|
12885
12917
|
.feedback-survey-rating-scale {
|
|
12886
12918
|
display: flex;
|
|
12887
12919
|
gap: 0;
|