@pocketprep/ui-kit 3.4.68 → 3.4.69
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/@pocketprep/ui-kit.js +4 -2
- package/dist/@pocketprep/ui-kit.js.map +1 -1
- package/dist/@pocketprep/ui-kit.umd.cjs +1 -1
- package/dist/@pocketprep/ui-kit.umd.cjs.map +1 -1
- package/dist/style.css +1 -1
- package/lib/components/Quiz/Question/MatrixChoicesContainer.vue +16 -2
- package/package.json +1 -1
|
@@ -15,7 +15,9 @@
|
|
|
15
15
|
class="uikit-question-matrix-choices-container__column-row-header"
|
|
16
16
|
:class="{
|
|
17
17
|
'uikit-question-matrix-choices-container__column-row-header--two-columns':
|
|
18
|
-
numberOfMatrixColumnLabels === 2
|
|
18
|
+
numberOfMatrixColumnLabels === 2,
|
|
19
|
+
'uikit-question-matrix-choices-container__column-row-header--radio-btn--three-columns':
|
|
20
|
+
question.type === 'Matrix Radio Button' && numberOfMatrixColumnLabels === 3
|
|
19
21
|
}"
|
|
20
22
|
v-html="matrixColumnLabelsForRows"
|
|
21
23
|
/>
|
|
@@ -23,7 +25,9 @@
|
|
|
23
25
|
class="uikit-question-matrix-choices-container__column-header"
|
|
24
26
|
:class="{
|
|
25
27
|
'uikit-question-matrix-choices-container__column-header--two-columns':
|
|
26
|
-
numberOfMatrixColumnLabels === 2
|
|
28
|
+
numberOfMatrixColumnLabels === 2,
|
|
29
|
+
'uikit-question-matrix-choices-container__column-header--radio-btn--three-columns':
|
|
30
|
+
question.type === 'Matrix Radio Button' && numberOfMatrixColumnLabels === 3
|
|
27
31
|
}"
|
|
28
32
|
lang="de"
|
|
29
33
|
v-for="(columnLabel, index) in matrixColumnLabels"
|
|
@@ -495,6 +499,10 @@ export default class MatrixChoicesContainer extends Vue {
|
|
|
495
499
|
&--two-columns {
|
|
496
500
|
width: 303px;
|
|
497
501
|
}
|
|
502
|
+
|
|
503
|
+
&--radio-btn--three-columns {
|
|
504
|
+
width: 265px;
|
|
505
|
+
}
|
|
498
506
|
}
|
|
499
507
|
|
|
500
508
|
&__column-header {
|
|
@@ -522,6 +530,12 @@ export default class MatrixChoicesContainer extends Vue {
|
|
|
522
530
|
margin-right: 24px;
|
|
523
531
|
}
|
|
524
532
|
}
|
|
533
|
+
|
|
534
|
+
&--radio-btn--three-columns {
|
|
535
|
+
&:not(:last-child) {
|
|
536
|
+
margin-right: 15px;
|
|
537
|
+
}
|
|
538
|
+
}
|
|
525
539
|
}
|
|
526
540
|
|
|
527
541
|
&__choices-container {
|