@pocketprep/ui-kit 3.0.22 → 3.0.24
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.
|
@@ -402,8 +402,8 @@
|
|
|
402
402
|
class="uikit-question__toggle-explanation"
|
|
403
403
|
:class="{ 'uikit-question__toggle-explanation--review-mode': reviewMode }"
|
|
404
404
|
:is-dark-mode="isDarkMode"
|
|
405
|
-
:aria-expanded="
|
|
406
|
-
@click.stop="
|
|
405
|
+
:aria-expanded="showExplanation ? 'true' : 'false'"
|
|
406
|
+
@click.stop="toggleExplanation"
|
|
407
407
|
@mousedown.prevent
|
|
408
408
|
>
|
|
409
409
|
<span
|
|
@@ -565,85 +565,10 @@
|
|
|
565
565
|
</div>
|
|
566
566
|
</template>
|
|
567
567
|
</div>
|
|
568
|
-
<
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
:key="`uikit-question__view-names-table--${choice.key}`"
|
|
573
|
-
class="uikit-question__view-names-table"
|
|
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>
|
|
568
|
+
<slot
|
|
569
|
+
name="showNamesTable"
|
|
570
|
+
:choice-key="choice.key"
|
|
571
|
+
/>
|
|
647
572
|
</div>
|
|
648
573
|
</div>
|
|
649
574
|
<div
|
|
@@ -2547,9 +2472,9 @@ export default class Question extends Vue {
|
|
|
2547
2472
|
}
|
|
2548
2473
|
|
|
2549
2474
|
&__choices-container {
|
|
2550
|
-
|
|
2475
|
+
display: contents;
|
|
2551
2476
|
|
|
2552
|
-
&:not(:last-child) {
|
|
2477
|
+
&:not(:last-child) .uikit-question__choice-container {
|
|
2553
2478
|
margin-bottom: 9px;
|
|
2554
2479
|
}
|
|
2555
2480
|
}
|
|
@@ -2679,33 +2604,6 @@ export default class Question extends Vue {
|
|
|
2679
2604
|
}
|
|
2680
2605
|
}
|
|
2681
2606
|
|
|
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
2607
|
&__choice-letter {
|
|
2710
2608
|
position: absolute;
|
|
2711
2609
|
left: -26px;
|