@pocketprep/ui-kit 3.0.23 → 3.0.25
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.
|
@@ -565,86 +565,12 @@
|
|
|
565
565
|
</div>
|
|
566
566
|
</template>
|
|
567
567
|
</div>
|
|
568
|
-
<
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
:show-header="false"
|
|
575
|
-
:rows="mappedNameRows(choice.key) || []"
|
|
576
|
-
:columns="showNamesColumns"
|
|
577
|
-
:table-column-styles="{
|
|
578
|
-
maxWidth: '146px',
|
|
579
|
-
maxHeight: '54px',
|
|
580
|
-
minHeight: '50px',
|
|
581
|
-
}"
|
|
582
|
-
:table-cell-styles="{
|
|
583
|
-
display: 'flex',
|
|
584
|
-
position: 'relative',
|
|
585
|
-
border: 'none',
|
|
586
|
-
}"
|
|
587
|
-
:table-row-styles="{
|
|
588
|
-
border: 'none',
|
|
589
|
-
padding: '0px',
|
|
590
|
-
}"
|
|
591
|
-
>
|
|
592
|
-
<template #tableColumnLabels>
|
|
593
|
-
<div />
|
|
594
|
-
</template>
|
|
595
|
-
<template #tableCellValue="{ row, column }">
|
|
596
|
-
<template v-if="(column.propName === 'nameOne')">
|
|
597
|
-
<Icon
|
|
598
|
-
v-if="row.isFlaggedByNameOne"
|
|
599
|
-
type="flagContent"
|
|
600
|
-
class="uikit-question__flag-icon"
|
|
601
|
-
/>
|
|
602
|
-
<div
|
|
603
|
-
v-else
|
|
604
|
-
class="uikit-question__icon-space"
|
|
605
|
-
/>
|
|
606
|
-
<OverflowTooltip
|
|
607
|
-
class="uikit-question__view-names-name"
|
|
608
|
-
>
|
|
609
|
-
{{ row.nameOne }}
|
|
610
|
-
</OverflowTooltip>
|
|
611
|
-
</template>
|
|
612
|
-
<template v-if="(column.propName === 'nameTwo' && row.nameTwo)">
|
|
613
|
-
<Icon
|
|
614
|
-
v-if="row.isFlaggedByNameTwo"
|
|
615
|
-
type="flagContent"
|
|
616
|
-
class="uikit-question__flag-icon"
|
|
617
|
-
/>
|
|
618
|
-
<div
|
|
619
|
-
v-else
|
|
620
|
-
class="uikit-question__icon-space"
|
|
621
|
-
/>
|
|
622
|
-
<OverflowTooltip>
|
|
623
|
-
<div class="uikit-question__view-names-name">
|
|
624
|
-
{{ row.nameTwo }}
|
|
625
|
-
</div>
|
|
626
|
-
</OverflowTooltip>
|
|
627
|
-
</template>
|
|
628
|
-
<template v-if="(column.propName === 'nameThree' && row.nameThree)">
|
|
629
|
-
<Icon
|
|
630
|
-
v-if="row.isFlaggedByNameThree"
|
|
631
|
-
type="flagContent"
|
|
632
|
-
class="uikit-question__flag-icon"
|
|
633
|
-
/>
|
|
634
|
-
<div
|
|
635
|
-
v-else
|
|
636
|
-
class="uikit-question__icon-space"
|
|
637
|
-
/>
|
|
638
|
-
<OverflowTooltip>
|
|
639
|
-
<div class="uikit-question__view-names-name">
|
|
640
|
-
{{ row.nameThree }}
|
|
641
|
-
</div>
|
|
642
|
-
</OverflowTooltip>
|
|
643
|
-
</template>
|
|
644
|
-
</template>
|
|
645
|
-
</Table>
|
|
646
|
-
</div>
|
|
647
|
-
</div>
|
|
568
|
+
<slot
|
|
569
|
+
name="showNamesTable"
|
|
570
|
+
:choice-key="choice.key"
|
|
571
|
+
/>
|
|
572
|
+
</div>
|
|
573
|
+
<slot name="unansweredFlaggedNamesTable" />
|
|
648
574
|
</div>
|
|
649
575
|
<div
|
|
650
576
|
v-if="isMCR && showAnswers && !showPaywall"
|
|
@@ -2547,9 +2473,9 @@ export default class Question extends Vue {
|
|
|
2547
2473
|
}
|
|
2548
2474
|
|
|
2549
2475
|
&__choices-container {
|
|
2550
|
-
|
|
2476
|
+
display: contents;
|
|
2551
2477
|
|
|
2552
|
-
&:not(:last-child) {
|
|
2478
|
+
&:not(:last-child) .uikit-question__choice-container {
|
|
2553
2479
|
margin-bottom: 9px;
|
|
2554
2480
|
}
|
|
2555
2481
|
}
|
|
@@ -2679,33 +2605,6 @@ export default class Question extends Vue {
|
|
|
2679
2605
|
}
|
|
2680
2606
|
}
|
|
2681
2607
|
|
|
2682
|
-
&__view-names-table {
|
|
2683
|
-
background-color: $gray-background;
|
|
2684
|
-
min-height: 50px;
|
|
2685
|
-
padding: 15px 0 15px 14px;
|
|
2686
|
-
}
|
|
2687
|
-
|
|
2688
|
-
&__flag-icon {
|
|
2689
|
-
padding: 3px 0 0 0;
|
|
2690
|
-
margin: 0 4px 0 3px;
|
|
2691
|
-
color: $steel;
|
|
2692
|
-
}
|
|
2693
|
-
|
|
2694
|
-
&__icon-space {
|
|
2695
|
-
min-width: 17px;
|
|
2696
|
-
height: 0;
|
|
2697
|
-
}
|
|
2698
|
-
|
|
2699
|
-
&__view-names-name {
|
|
2700
|
-
color: $ash;
|
|
2701
|
-
font-size: 13px;
|
|
2702
|
-
line-height: 18px;
|
|
2703
|
-
text-overflow: ellipsis;
|
|
2704
|
-
overflow: hidden;
|
|
2705
|
-
white-space: nowrap;
|
|
2706
|
-
max-width: 129px;
|
|
2707
|
-
}
|
|
2708
|
-
|
|
2709
2608
|
&__choice-letter {
|
|
2710
2609
|
position: absolute;
|
|
2711
2610
|
left: -26px;
|