@policystudio/policy-studio-ui-vue 1.1.70 → 1.1.72
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/css/psui_styles.css
CHANGED
|
@@ -1933,11 +1933,6 @@ video {
|
|
|
1933
1933
|
.psui-el-table-results-wrapper.table-flexible {
|
|
1934
1934
|
padding-right: 1rem;
|
|
1935
1935
|
padding-bottom: 0.5rem;
|
|
1936
|
-
border-width: 1px;
|
|
1937
|
-
--border-opacity: 1;
|
|
1938
|
-
border-color: #E6ECF2;
|
|
1939
|
-
border-color: rgba(230, 236, 242, var(--border-opacity));
|
|
1940
|
-
border-radius: 0.5rem;
|
|
1941
1936
|
}
|
|
1942
1937
|
|
|
1943
1938
|
.psui-el-table-results {
|
|
@@ -2398,7 +2393,6 @@ video {
|
|
|
2398
2393
|
}
|
|
2399
2394
|
|
|
2400
2395
|
.psui-el-table-results.layout-flexible thead tr th {
|
|
2401
|
-
padding-left: 1rem;
|
|
2402
2396
|
--text-opacity: 1;
|
|
2403
2397
|
color: #798490;
|
|
2404
2398
|
color: rgba(121, 132, 144, var(--text-opacity));
|
|
@@ -2417,13 +2411,12 @@ video {
|
|
|
2417
2411
|
}
|
|
2418
2412
|
|
|
2419
2413
|
.psui-el-table-results.layout-flexible thead tr th:first-child {
|
|
2420
|
-
padding-left: 1rem;
|
|
2421
|
-
padding-right: 1rem;
|
|
2422
2414
|
text-align: left;
|
|
2423
2415
|
background-color: #ffffff ;
|
|
2424
2416
|
position: sticky;
|
|
2425
2417
|
z-index: 10;
|
|
2426
2418
|
left: 0;
|
|
2419
|
+
padding-left: 0;
|
|
2427
2420
|
}
|
|
2428
2421
|
|
|
2429
2422
|
.psui-el-table-results.layout-flexible thead tr th:first-child > div {
|
|
@@ -2444,10 +2437,18 @@ video {
|
|
|
2444
2437
|
text-align: left;
|
|
2445
2438
|
padding-top: 0;
|
|
2446
2439
|
padding-bottom: 0;
|
|
2447
|
-
|
|
2440
|
+
padding-left: 10px;
|
|
2448
2441
|
position: sticky;
|
|
2449
2442
|
}
|
|
2450
2443
|
|
|
2444
|
+
.psui-el-table-results.layout-flexible thead tr:first-of-type th:first-child {
|
|
2445
|
+
padding-left: 0;
|
|
2446
|
+
}
|
|
2447
|
+
|
|
2448
|
+
.psui-el-table-results.layout-flexible thead tr:first-of-type th:first-child > div {
|
|
2449
|
+
max-width: 598px;
|
|
2450
|
+
}
|
|
2451
|
+
|
|
2451
2452
|
.psui-el-table-results.layout-flexible thead tr:first-of-type th > div {
|
|
2452
2453
|
display: flex;
|
|
2453
2454
|
flex-direction: row;
|
|
@@ -2476,10 +2477,14 @@ video {
|
|
|
2476
2477
|
line-height: 18px;
|
|
2477
2478
|
}
|
|
2478
2479
|
|
|
2480
|
+
.psui-el-table-results.layout-flexible thead tr:not(:first-of-type) th {
|
|
2481
|
+
padding-left: 20px;
|
|
2482
|
+
}
|
|
2483
|
+
|
|
2479
2484
|
.psui-el-table-results.layout-flexible thead tr:not(:first-of-type) th .title {
|
|
2480
2485
|
--text-opacity: 1;
|
|
2481
|
-
color: #
|
|
2482
|
-
color: rgba(
|
|
2486
|
+
color: #002A3A;
|
|
2487
|
+
color: rgba(0, 42, 58, var(--text-opacity));
|
|
2483
2488
|
}
|
|
2484
2489
|
|
|
2485
2490
|
.psui-el-table-results.layout-flexible thead tr:not(:first-of-type) th p:not(:first-of-type) {
|
|
@@ -2490,14 +2495,15 @@ video {
|
|
|
2490
2495
|
|
|
2491
2496
|
.psui-el-table-results.layout-flexible thead tr:not(:first-of-type) th:first-child {
|
|
2492
2497
|
text-align: left;
|
|
2493
|
-
|
|
2498
|
+
max-width: 330px;
|
|
2499
|
+
padding-left: 0;
|
|
2494
2500
|
}
|
|
2495
2501
|
|
|
2496
2502
|
.psui-el-table-results.layout-flexible thead tr:not(:first-of-type) th:nth-child(2) {
|
|
2497
2503
|
position: sticky;
|
|
2498
2504
|
z-index: 10;
|
|
2499
2505
|
background-color: #ffffff ;
|
|
2500
|
-
left:
|
|
2506
|
+
left:330px;
|
|
2501
2507
|
min-width: 140px;
|
|
2502
2508
|
}
|
|
2503
2509
|
|
|
@@ -2505,7 +2511,7 @@ video {
|
|
|
2505
2511
|
position: sticky;
|
|
2506
2512
|
z-index: 10;
|
|
2507
2513
|
background-color: #ffffff ;
|
|
2508
|
-
left:
|
|
2514
|
+
left: 470px;
|
|
2509
2515
|
}
|
|
2510
2516
|
|
|
2511
2517
|
.psui-el-table-results.layout-flexible tbody tr {
|
|
@@ -2529,29 +2535,11 @@ video {
|
|
|
2529
2535
|
color: rgba(162, 172, 183, var(--text-opacity)) !important;
|
|
2530
2536
|
}
|
|
2531
2537
|
|
|
2532
|
-
.psui-el-table-results.layout-flexible tbody tr.removed-class td
|
|
2533
|
-
|
|
2534
|
-
}
|
|
2535
|
-
|
|
2536
|
-
.psui-el-table-results.layout-flexible tbody tr.removed-class td:first-child {
|
|
2537
|
-
position: sticky;
|
|
2538
|
-
}
|
|
2539
|
-
|
|
2540
|
-
.psui-el-table-results.layout-flexible tbody tr.removed-class td:first-child:before {
|
|
2541
|
-
content: '';
|
|
2542
|
-
position: absolute;
|
|
2543
|
-
top: 0;
|
|
2544
|
-
}
|
|
2545
|
-
|
|
2546
|
-
.psui-el-table-results.layout-flexible tbody tr.removed-class td:first-child:before {
|
|
2547
|
-
background-color: #ffffff ;
|
|
2548
|
-
left: 0;
|
|
2549
|
-
width: 16px;
|
|
2550
|
-
height: calc(100% + 1px);
|
|
2538
|
+
.psui-el-table-results.layout-flexible tbody tr.removed-class td:first-child > div {
|
|
2539
|
+
margin-left: 4px;
|
|
2551
2540
|
}
|
|
2552
2541
|
|
|
2553
2542
|
.psui-el-table-results.layout-flexible tbody tr td {
|
|
2554
|
-
padding-left: 2rem;
|
|
2555
2543
|
--text-opacity: 1;
|
|
2556
2544
|
color: #34404A;
|
|
2557
2545
|
color: rgba(52, 64, 74, var(--text-opacity));
|
|
@@ -2562,6 +2550,7 @@ video {
|
|
|
2562
2550
|
padding-top: 0.688rem;
|
|
2563
2551
|
padding-bottom: 0.688rem;
|
|
2564
2552
|
min-height: 41.5px;
|
|
2553
|
+
padding-left: 20px;
|
|
2565
2554
|
}
|
|
2566
2555
|
|
|
2567
2556
|
.psui-el-table-results.layout-flexible tbody tr td > div {
|
|
@@ -2578,11 +2567,9 @@ video {
|
|
|
2578
2567
|
|
|
2579
2568
|
.psui-el-table-results.layout-flexible tbody tr td .actions-button {
|
|
2580
2569
|
cursor: pointer;
|
|
2581
|
-
margin-left: 0.25rem;
|
|
2582
2570
|
}
|
|
2583
2571
|
|
|
2584
2572
|
.psui-el-table-results.layout-flexible tbody tr td:first-child {
|
|
2585
|
-
padding-left: 0.5rem;
|
|
2586
2573
|
padding-right: 2rem;
|
|
2587
2574
|
text-align: left;
|
|
2588
2575
|
display: block;
|
|
@@ -2591,14 +2578,15 @@ video {
|
|
|
2591
2578
|
left: 0;
|
|
2592
2579
|
padding-top: 8px;
|
|
2593
2580
|
padding-bottom: 8px;
|
|
2594
|
-
|
|
2581
|
+
max-width: 330px;
|
|
2582
|
+
padding-left: 0px;
|
|
2595
2583
|
}
|
|
2596
2584
|
|
|
2597
2585
|
.psui-el-table-results.layout-flexible tbody tr td:nth-child(2) {
|
|
2598
2586
|
position: sticky;
|
|
2599
2587
|
z-index: 10;
|
|
2600
2588
|
min-width: 140px;
|
|
2601
|
-
left:
|
|
2589
|
+
left: 330px;
|
|
2602
2590
|
}
|
|
2603
2591
|
|
|
2604
2592
|
.psui-el-table-results.layout-flexible tbody tr td:nth-child(2) > div {
|
|
@@ -2609,8 +2597,7 @@ video {
|
|
|
2609
2597
|
position: sticky;
|
|
2610
2598
|
z-index: 10;
|
|
2611
2599
|
min-width: 140px;
|
|
2612
|
-
left:
|
|
2613
|
-
padding-right: 22px;
|
|
2600
|
+
left: 470px;
|
|
2614
2601
|
}
|
|
2615
2602
|
|
|
2616
2603
|
.psui-el-table-results.layout-flexible tbody tr td:nth-child(3) > div {
|
|
@@ -2659,28 +2646,24 @@ video {
|
|
|
2659
2646
|
color: rgba(162, 172, 183, var(--text-opacity));
|
|
2660
2647
|
}
|
|
2661
2648
|
|
|
2662
|
-
.psui-el-table-results.layout-flexible tbody tr.is-first.removed-class td
|
|
2663
|
-
margin-left:
|
|
2649
|
+
.psui-el-table-results.layout-flexible tbody tr.is-first.removed-class td .title {
|
|
2650
|
+
margin-left: 6px;
|
|
2651
|
+
}
|
|
2652
|
+
|
|
2653
|
+
.psui-el-table-results.layout-flexible tbody tr.is-first.removed-class td .actions-button {
|
|
2654
|
+
margin-left: 2px;
|
|
2664
2655
|
}
|
|
2665
2656
|
|
|
2666
2657
|
.psui-el-table-results.layout-flexible tbody tr.is-first.removed-class td:first-child {
|
|
2667
2658
|
position: sticky;
|
|
2668
2659
|
}
|
|
2669
2660
|
|
|
2670
|
-
.psui-el-table-results.layout-flexible tbody tr.is-first.removed-class td:first-child:
|
|
2671
|
-
.psui-el-table-results.layout-flexible tbody tr.is-first.removed-class td:first-child:after {
|
|
2661
|
+
.psui-el-table-results.layout-flexible tbody tr.is-first.removed-class td:first-child:after {
|
|
2672
2662
|
content: '';
|
|
2673
2663
|
position: absolute;
|
|
2674
2664
|
top: 0;
|
|
2675
2665
|
}
|
|
2676
2666
|
|
|
2677
|
-
.psui-el-table-results.layout-flexible tbody tr.is-first.removed-class td:first-child:before {
|
|
2678
|
-
background-color: #ffffff ;
|
|
2679
|
-
left: 0;
|
|
2680
|
-
width: 16px;
|
|
2681
|
-
height: calc(100% + 1px);
|
|
2682
|
-
}
|
|
2683
|
-
|
|
2684
2667
|
.psui-el-table-results.layout-flexible tbody tr.is-first.removed-class td:first-child:after {
|
|
2685
2668
|
--bg-opacity: 1;
|
|
2686
2669
|
background-color: #F3F6F9;
|
|
@@ -2689,7 +2672,7 @@ video {
|
|
|
2689
2672
|
box-shadow: -3px -3px 0px 0px #ffffff;
|
|
2690
2673
|
z-index: 30;
|
|
2691
2674
|
top: 0;
|
|
2692
|
-
left:
|
|
2675
|
+
left: 0;
|
|
2693
2676
|
width: 10px;
|
|
2694
2677
|
height: 10px;
|
|
2695
2678
|
}
|
|
@@ -2705,13 +2688,6 @@ video {
|
|
|
2705
2688
|
top: 0;
|
|
2706
2689
|
}
|
|
2707
2690
|
|
|
2708
|
-
.psui-el-table-results.layout-flexible tbody tr.is-first.removed-class.closed td:first-child:before {
|
|
2709
|
-
background-color: #ffffff ;
|
|
2710
|
-
left: 0;
|
|
2711
|
-
width: 16px;
|
|
2712
|
-
height: calc(100% + 1px);
|
|
2713
|
-
}
|
|
2714
|
-
|
|
2715
2691
|
.psui-el-table-results.layout-flexible tbody tr.is-first.removed-class.closed td:first-child:after {
|
|
2716
2692
|
--bg-opacity: 1;
|
|
2717
2693
|
background-color: #F3F6F9;
|
|
@@ -2719,13 +2695,15 @@ video {
|
|
|
2719
2695
|
border-top-left-radius: 9999px;
|
|
2720
2696
|
border-bottom-left-radius: 9999px;
|
|
2721
2697
|
box-shadow: -8px 0px 0px 4px #ffffff;
|
|
2722
|
-
z-index: 30;
|
|
2723
2698
|
top: 0;
|
|
2724
|
-
left:
|
|
2725
|
-
width: 10px;
|
|
2699
|
+
left: 0px;
|
|
2726
2700
|
height: calc(100%);
|
|
2727
2701
|
}
|
|
2728
2702
|
|
|
2703
|
+
.psui-el-table-results.layout-flexible tbody tr.is-first.removed-class.closed td:first-child .actions-button {
|
|
2704
|
+
margin-left: 2px;
|
|
2705
|
+
}
|
|
2706
|
+
|
|
2729
2707
|
.psui-el-table-results.layout-flexible tbody tr:not(.is-first):not(.removed-class) td:first-child {
|
|
2730
2708
|
position: sticky;
|
|
2731
2709
|
}
|
|
@@ -2740,7 +2718,7 @@ video {
|
|
|
2740
2718
|
.psui-el-table-results.layout-flexible tbody tr:not(.is-first):not(.removed-class) td:first-child:before {
|
|
2741
2719
|
background-color: #ffffff ;
|
|
2742
2720
|
left: 0;
|
|
2743
|
-
width:
|
|
2721
|
+
width: 14px;
|
|
2744
2722
|
height: calc(100% + 1px);
|
|
2745
2723
|
}
|
|
2746
2724
|
|
|
@@ -2751,7 +2729,7 @@ video {
|
|
|
2751
2729
|
width: 1px;
|
|
2752
2730
|
height: 0;
|
|
2753
2731
|
border-radius: 0.5rem;
|
|
2754
|
-
left:
|
|
2732
|
+
left: 8px;
|
|
2755
2733
|
}
|
|
2756
2734
|
|
|
2757
2735
|
.psui-el-table-results.layout-flexible tbody tr:not(.is-first):not(.removed-class):hover td {
|
|
@@ -2764,6 +2742,10 @@ video {
|
|
|
2764
2742
|
height: calc(100% + 1px);
|
|
2765
2743
|
}
|
|
2766
2744
|
|
|
2745
|
+
.psui-el-table-results.layout-flexible tbody tr:not(.is-first) td:first-child > div {
|
|
2746
|
+
margin-left: 10px;
|
|
2747
|
+
}
|
|
2748
|
+
|
|
2767
2749
|
.psui-el-table-results.layout-flexible tbody tr.is-last {
|
|
2768
2750
|
border-bottom-width: 0;
|
|
2769
2751
|
}
|
|
@@ -2777,27 +2759,10 @@ video {
|
|
|
2777
2759
|
color: rgba(162, 172, 183, var(--text-opacity)) !important;
|
|
2778
2760
|
}
|
|
2779
2761
|
|
|
2780
|
-
.psui-el-table-results.layout-flexible tbody tr.is-last.removed-class td div:first-child {
|
|
2781
|
-
margin-left: 4px;
|
|
2782
|
-
}
|
|
2783
|
-
|
|
2784
2762
|
.psui-el-table-results.layout-flexible tbody tr.is-last.removed-class td:first-child {
|
|
2785
2763
|
position: sticky;
|
|
2786
2764
|
}
|
|
2787
2765
|
|
|
2788
|
-
.psui-el-table-results.layout-flexible tbody tr.is-last.removed-class td:first-child:before{
|
|
2789
|
-
content: '';
|
|
2790
|
-
position: absolute;
|
|
2791
|
-
top: 0;
|
|
2792
|
-
}
|
|
2793
|
-
|
|
2794
|
-
.psui-el-table-results.layout-flexible tbody tr.is-last.removed-class td:first-child:before {
|
|
2795
|
-
background-color: #ffffff ;
|
|
2796
|
-
left: 0;
|
|
2797
|
-
width: 16px;
|
|
2798
|
-
height: calc(100% + 1px);
|
|
2799
|
-
}
|
|
2800
|
-
|
|
2801
2766
|
.psui-el-table-results.layout-flexible tbody tr.is-last.removed-class td:first-child:after {
|
|
2802
2767
|
--bg-opacity: 1;
|
|
2803
2768
|
background-color: #F3F6F9;
|
|
@@ -2810,7 +2775,7 @@ video {
|
|
|
2810
2775
|
content: '';
|
|
2811
2776
|
z-index: 30;
|
|
2812
2777
|
bottom: 0;
|
|
2813
|
-
left:
|
|
2778
|
+
left: 0;
|
|
2814
2779
|
width: 10px;
|
|
2815
2780
|
height: 10px;
|
|
2816
2781
|
}
|
|
@@ -24520,25 +24485,6 @@ html {
|
|
|
24520
24485
|
transition-duration: 150ms;
|
|
24521
24486
|
}
|
|
24522
24487
|
|
|
24523
|
-
.tooltip.layout-blue .tooltip-inner {
|
|
24524
|
-
background: #00465F;
|
|
24525
|
-
font-weight: 700;
|
|
24526
|
-
color: #ffffff;
|
|
24527
|
-
padding: 10px 16px 12px 16px;
|
|
24528
|
-
border-radius: 6px;
|
|
24529
|
-
font-size: 12px;
|
|
24530
|
-
line-height: 130%;
|
|
24531
|
-
}
|
|
24532
|
-
|
|
24533
|
-
.tooltip.layout-gray-50 .tooltip-inner {
|
|
24534
|
-
background: #798490;
|
|
24535
|
-
padding: 4px 8px;
|
|
24536
|
-
border-radius: 4px;
|
|
24537
|
-
font-size: 12px;
|
|
24538
|
-
line-height: 130%;
|
|
24539
|
-
letter-spacing: 1px;
|
|
24540
|
-
}
|
|
24541
|
-
|
|
24542
24488
|
@media (min-width: 640px){
|
|
24543
24489
|
.sm\:psui-container{
|
|
24544
24490
|
width: 100%;
|
package/package.json
CHANGED
|
@@ -98,28 +98,4 @@ html {
|
|
|
98
98
|
|
|
99
99
|
.psui-transition {
|
|
100
100
|
@apply psui-transition-all psui-ease-in-out psui-duration-150;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
.tooltip.layout-blue {
|
|
105
|
-
.tooltip-inner {
|
|
106
|
-
background: #00465F;
|
|
107
|
-
font-weight: 700;
|
|
108
|
-
color: #ffffff;
|
|
109
|
-
padding: 10px 16px 12px 16px;
|
|
110
|
-
border-radius: 6px;
|
|
111
|
-
font-size: 12px;
|
|
112
|
-
line-height: 130%;
|
|
113
|
-
}
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
.tooltip.layout-gray-50 {
|
|
117
|
-
.tooltip-inner {
|
|
118
|
-
background: #798490;
|
|
119
|
-
padding: 4px 8px;
|
|
120
|
-
border-radius: 4px;
|
|
121
|
-
font-size: 12px;
|
|
122
|
-
line-height: 130%;
|
|
123
|
-
letter-spacing: 1px;
|
|
124
|
-
}
|
|
125
101
|
}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
@apply psui-w-full psui-whitespace-no-wrap psui-flex psui-overflow-auto;
|
|
4
4
|
|
|
5
5
|
&.table-flexible {
|
|
6
|
-
@apply psui-pr-4 psui-pb-2
|
|
6
|
+
@apply psui-pr-4 psui-pb-2;
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
9
|
|
|
@@ -360,9 +360,9 @@
|
|
|
360
360
|
.title {
|
|
361
361
|
@apply psui-text-small psui-font-bold psui-leading-4;
|
|
362
362
|
}
|
|
363
|
-
|
|
363
|
+
|
|
364
364
|
th {
|
|
365
|
-
@apply psui-
|
|
365
|
+
@apply psui-text-gray-50 psui-text-right psui-w-auto psui-align-top;
|
|
366
366
|
padding-top: 0.438rem;
|
|
367
367
|
padding-bottom: 0.625rem;
|
|
368
368
|
|
|
@@ -372,8 +372,8 @@
|
|
|
372
372
|
}
|
|
373
373
|
|
|
374
374
|
&:first-child {
|
|
375
|
-
@apply psui-
|
|
376
|
-
|
|
375
|
+
@apply psui-text-left psui-bg-white psui-sticky psui-z-10 psui-left-0;
|
|
376
|
+
padding-left: 0;
|
|
377
377
|
|
|
378
378
|
> div {
|
|
379
379
|
@apply psui-items-start;
|
|
@@ -399,8 +399,16 @@
|
|
|
399
399
|
@apply psui-text-left;
|
|
400
400
|
padding-top: 0;
|
|
401
401
|
padding-bottom: 0;
|
|
402
|
-
|
|
402
|
+
padding-left: 10px;
|
|
403
403
|
position: sticky;
|
|
404
|
+
|
|
405
|
+
&:first-child {
|
|
406
|
+
padding-left: 0;
|
|
407
|
+
|
|
408
|
+
> div {
|
|
409
|
+
max-width: 598px;
|
|
410
|
+
}
|
|
411
|
+
}
|
|
404
412
|
|
|
405
413
|
> div {
|
|
406
414
|
@apply psui-flex psui-flex-row psui-border-b psui-border-gray-30;
|
|
@@ -422,8 +430,10 @@
|
|
|
422
430
|
|
|
423
431
|
&:not(:first-of-type) {
|
|
424
432
|
th {
|
|
433
|
+
padding-left: 20px;
|
|
434
|
+
|
|
425
435
|
.title {
|
|
426
|
-
@apply psui-text-
|
|
436
|
+
@apply psui-text-blue-80;
|
|
427
437
|
}
|
|
428
438
|
|
|
429
439
|
p:not(:first-of-type) {
|
|
@@ -432,18 +442,19 @@
|
|
|
432
442
|
|
|
433
443
|
&:first-child {
|
|
434
444
|
@apply psui-text-left;
|
|
435
|
-
|
|
445
|
+
max-width: 330px;
|
|
446
|
+
padding-left: 0;
|
|
436
447
|
}
|
|
437
448
|
|
|
438
449
|
&:nth-child(2) {
|
|
439
450
|
@apply psui-sticky psui-z-10 psui-bg-white;
|
|
440
|
-
left:
|
|
451
|
+
left:330px;
|
|
441
452
|
min-width: 140px;
|
|
442
453
|
}
|
|
443
454
|
|
|
444
455
|
&:nth-child(3) {
|
|
445
456
|
@apply psui-sticky psui-z-10 psui-bg-white;
|
|
446
|
-
left:
|
|
457
|
+
left: 470px;
|
|
447
458
|
}
|
|
448
459
|
}
|
|
449
460
|
}
|
|
@@ -462,35 +473,21 @@
|
|
|
462
473
|
&.removed-class {
|
|
463
474
|
td {
|
|
464
475
|
@apply psui-bg-gray-10 psui-text-gray-40 !important;
|
|
465
|
-
|
|
466
|
-
div:first-child {
|
|
467
|
-
margin-left: 4px;
|
|
468
|
-
}
|
|
469
|
-
|
|
470
476
|
&:first-child {
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
&:before {
|
|
474
|
-
content: '';
|
|
475
|
-
@apply psui-absolute psui-top-0;
|
|
476
|
-
}
|
|
477
|
-
|
|
478
|
-
&:before {
|
|
479
|
-
@apply psui-bg-white psui-left-0;
|
|
480
|
-
width: 16px;
|
|
481
|
-
height: calc(100% + 1px);
|
|
477
|
+
> div {
|
|
478
|
+
margin-left: 4px;
|
|
482
479
|
}
|
|
483
|
-
|
|
484
|
-
}
|
|
480
|
+
}
|
|
485
481
|
}
|
|
486
482
|
|
|
487
483
|
}
|
|
488
484
|
|
|
489
485
|
td {
|
|
490
|
-
@apply psui-
|
|
486
|
+
@apply psui-text-gray-70 psui-h-10 psui-text-right psui-text-small;
|
|
491
487
|
padding-top: 0.688rem;
|
|
492
488
|
padding-bottom: 0.688rem;
|
|
493
489
|
min-height: 41.5px;
|
|
490
|
+
padding-left: 20px;
|
|
494
491
|
|
|
495
492
|
> div {
|
|
496
493
|
@apply psui-flex psui-items-center;
|
|
@@ -500,21 +497,22 @@
|
|
|
500
497
|
@apply psui-flex psui-items-center psui-h-full psui-relative;
|
|
501
498
|
|
|
502
499
|
&-button {
|
|
503
|
-
@apply psui-cursor-pointer
|
|
500
|
+
@apply psui-cursor-pointer;
|
|
504
501
|
}
|
|
505
502
|
}
|
|
506
503
|
|
|
507
504
|
&:first-child {
|
|
508
|
-
@apply psui-
|
|
505
|
+
@apply psui-pr-8 psui-text-left psui-block psui-sticky psui-z-10 psui-left-0;
|
|
509
506
|
padding-top: 8px;
|
|
510
507
|
padding-bottom: 8px;
|
|
511
|
-
|
|
508
|
+
max-width: 330px;
|
|
509
|
+
padding-left: 0px;
|
|
512
510
|
}
|
|
513
511
|
|
|
514
512
|
&:nth-child(2) {
|
|
515
513
|
@apply psui-sticky psui-z-10;
|
|
516
514
|
min-width: 140px;
|
|
517
|
-
left:
|
|
515
|
+
left: 330px;
|
|
518
516
|
> div {
|
|
519
517
|
@apply psui-justify-center;
|
|
520
518
|
}
|
|
@@ -523,8 +521,7 @@
|
|
|
523
521
|
&:nth-child(3) {
|
|
524
522
|
@apply psui-sticky psui-z-10;
|
|
525
523
|
min-width: 140px;
|
|
526
|
-
left:
|
|
527
|
-
padding-right: 22px;
|
|
524
|
+
left: 470px;
|
|
528
525
|
> div {
|
|
529
526
|
@apply psui-justify-center;
|
|
530
527
|
}
|
|
@@ -559,32 +556,29 @@
|
|
|
559
556
|
&.removed-class {
|
|
560
557
|
td {
|
|
561
558
|
@apply psui-bg-gray-10 psui-text-gray-40;
|
|
559
|
+
|
|
560
|
+
.title {
|
|
561
|
+
margin-left: 6px;
|
|
562
|
+
}
|
|
562
563
|
|
|
563
|
-
|
|
564
|
-
margin-left:
|
|
564
|
+
.actions-button {
|
|
565
|
+
margin-left: 2px;
|
|
565
566
|
}
|
|
566
567
|
|
|
567
568
|
&:first-child {
|
|
568
569
|
@apply psui-sticky;
|
|
569
570
|
|
|
570
|
-
&:before,
|
|
571
571
|
&:after {
|
|
572
572
|
content: '';
|
|
573
573
|
@apply psui-absolute psui-top-0;
|
|
574
574
|
}
|
|
575
575
|
|
|
576
|
-
&:before {
|
|
577
|
-
@apply psui-bg-white psui-left-0;
|
|
578
|
-
width: 16px;
|
|
579
|
-
height: calc(100% + 1px);
|
|
580
|
-
}
|
|
581
|
-
|
|
582
576
|
&:after {
|
|
583
577
|
@apply psui-bg-gray-10 psui-rounded-tl-full ;
|
|
584
578
|
box-shadow: -3px -3px 0px 0px #ffffff;
|
|
585
579
|
z-index: 30;
|
|
586
580
|
top: 0;
|
|
587
|
-
left:
|
|
581
|
+
left: 0;
|
|
588
582
|
width: 10px;
|
|
589
583
|
height: 10px;
|
|
590
584
|
}
|
|
@@ -602,21 +596,17 @@
|
|
|
602
596
|
@apply psui-absolute psui-top-0;
|
|
603
597
|
}
|
|
604
598
|
|
|
605
|
-
&:before {
|
|
606
|
-
@apply psui-bg-white psui-left-0;
|
|
607
|
-
width: 16px;
|
|
608
|
-
height: calc(100% + 1px);
|
|
609
|
-
}
|
|
610
|
-
|
|
611
599
|
&:after {
|
|
612
600
|
@apply psui-bg-gray-10 psui-rounded-tl-full psui-rounded-bl-full;
|
|
613
601
|
box-shadow: -8px 0px 0px 4px #ffffff;
|
|
614
|
-
z-index: 30;
|
|
615
602
|
top: 0;
|
|
616
|
-
left:
|
|
617
|
-
width: 10px;
|
|
603
|
+
left: 0px;
|
|
618
604
|
height: calc(100%);
|
|
619
605
|
}
|
|
606
|
+
|
|
607
|
+
.actions-button {
|
|
608
|
+
margin-left: 2px;
|
|
609
|
+
}
|
|
620
610
|
}
|
|
621
611
|
}
|
|
622
612
|
}
|
|
@@ -637,13 +627,13 @@
|
|
|
637
627
|
|
|
638
628
|
&:before {
|
|
639
629
|
@apply psui-bg-white psui-left-0;
|
|
640
|
-
width:
|
|
630
|
+
width: 14px;
|
|
641
631
|
height: calc(100% + 1px);
|
|
642
632
|
}
|
|
643
633
|
|
|
644
634
|
&:after {
|
|
645
635
|
@apply psui-bg-gray-20 psui-w-px psui-h-0 psui-rounded-lg;
|
|
646
|
-
left:
|
|
636
|
+
left: 8px;
|
|
647
637
|
}
|
|
648
638
|
}
|
|
649
639
|
}
|
|
@@ -663,6 +653,16 @@
|
|
|
663
653
|
}
|
|
664
654
|
}
|
|
665
655
|
|
|
656
|
+
&:not(.is-first) {
|
|
657
|
+
td {
|
|
658
|
+
&:first-child {
|
|
659
|
+
> div {
|
|
660
|
+
margin-left: 10px;
|
|
661
|
+
}
|
|
662
|
+
}
|
|
663
|
+
}
|
|
664
|
+
}
|
|
665
|
+
|
|
666
666
|
&.is-last {
|
|
667
667
|
@apply psui-border-b-0;
|
|
668
668
|
|
|
@@ -670,23 +670,10 @@
|
|
|
670
670
|
td {
|
|
671
671
|
@apply psui-bg-gray-10 psui-text-gray-40 !important;
|
|
672
672
|
|
|
673
|
-
div:first-child {
|
|
674
|
-
margin-left: 4px;
|
|
675
|
-
}
|
|
676
673
|
|
|
677
674
|
&:first-child {
|
|
678
675
|
@apply psui-sticky;
|
|
679
|
-
|
|
680
|
-
&:before{
|
|
681
|
-
content: '';
|
|
682
|
-
@apply psui-absolute psui-top-0;
|
|
683
|
-
}
|
|
684
676
|
|
|
685
|
-
&:before {
|
|
686
|
-
@apply psui-bg-white psui-left-0;
|
|
687
|
-
width: 16px;
|
|
688
|
-
height: calc(100% + 1px);
|
|
689
|
-
}
|
|
690
677
|
|
|
691
678
|
&:after {
|
|
692
679
|
@apply psui-bg-gray-10 psui-rounded-bl-full psui-absolute psui-bottom-0 psui-overflow-hidden;
|
|
@@ -694,7 +681,7 @@
|
|
|
694
681
|
content: '';
|
|
695
682
|
z-index: 30;
|
|
696
683
|
bottom: 0;
|
|
697
|
-
left:
|
|
684
|
+
left: 0;
|
|
698
685
|
width: 10px;
|
|
699
686
|
height: 10px;
|
|
700
687
|
}
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
@mouseleave="onRowHover(false)"
|
|
38
38
|
>
|
|
39
39
|
<td
|
|
40
|
-
:style="item.background_color ? `background-color: ${getBackgroundColor(item.background_color)};` : ''"
|
|
40
|
+
:style="isHoveringRow == index && layout == 'flexible' ? `background-color: ${getHoveringRowColor(item)};` : item.background_color ? `background-color: ${getBackgroundColor(item.background_color)};` : ''"
|
|
41
41
|
>
|
|
42
42
|
|
|
43
43
|
<div class="psui-flex psui-relative">
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
<PsIcon
|
|
51
51
|
v-if="item.remove_add_button"
|
|
52
52
|
:icon="item.remove_add_button_icon"
|
|
53
|
-
class="psui-flex psui-text-gray-40 pl-
|
|
53
|
+
class="psui-flex psui-text-gray-40 pl-4 psui-cursor-pointer leading-none hover:psui-text-blue-60 transition-all"
|
|
54
54
|
size="15"
|
|
55
55
|
display="flex"
|
|
56
56
|
@click.native="$emit('removeOrAddButtonChange',item)"
|
|
@@ -185,13 +185,12 @@
|
|
|
185
185
|
</template>
|
|
186
186
|
</PsDropdown>
|
|
187
187
|
</div>
|
|
188
|
-
</div>
|
|
189
|
-
|
|
188
|
+
</div>
|
|
190
189
|
</td>
|
|
191
190
|
|
|
192
191
|
<template v-for="(columnGroup, indexColumn) of columnGroups">
|
|
193
192
|
<td
|
|
194
|
-
:style="item.background_color ? `background-color: ${getBackgroundColor(item.background_color)};` : ''"
|
|
193
|
+
:style="isHoveringRow == index && layout == 'flexible' ? `background-color: ${getHoveringRowColor(item)};` : item.background_color ? `background-color: ${getBackgroundColor(item.background_color)};` : ''"
|
|
195
194
|
v-for="column of columnGroup.columns"
|
|
196
195
|
class="psui-transition"
|
|
197
196
|
:key="indexColumn + '-' + columnGroup.key + '-' + column.key"
|
|
@@ -512,6 +511,9 @@ export default {
|
|
|
512
511
|
this.$refs.tableWrapper.removeEventListener('scroll', this.handleTableScroll)
|
|
513
512
|
},
|
|
514
513
|
methods: {
|
|
514
|
+
getHoveringRowColor(item){
|
|
515
|
+
return !item.is_disabled && item.deep != 0 ? '#ECF7FB' : item.is_disabled && item.deep != 0 ? '#E6ECF2' : ''
|
|
516
|
+
},
|
|
515
517
|
setCollapsedRows() {
|
|
516
518
|
if ( this.itemsHiddenIndexes ) {
|
|
517
519
|
this.collapsedRows = [...this.itemsHiddenIndexes]
|
|
@@ -577,6 +579,7 @@ export default {
|
|
|
577
579
|
this.isHoveringRow = index
|
|
578
580
|
},
|
|
579
581
|
shouldShowIcon(item) {
|
|
582
|
+
console.log('item',item)
|
|
580
583
|
if(item?.actions?.length === 1) return true
|
|
581
584
|
else return false
|
|
582
585
|
},
|