@adaptabletools/adaptable-react-aggrid 13.0.2 → 13.0.4-canary.0
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/base.css +1182 -772
- package/base.css.map +1 -1
- package/index.css +1185 -775
- package/index.css.map +1 -1
- package/package.json +2 -2
- package/themes/dark.css +8 -4
- package/themes/dark.css.map +1 -0
- package/themes/light.css +4 -1
- package/themes/light.css.map +1 -0
package/index.css
CHANGED
|
@@ -2449,7 +2449,8 @@ template {
|
|
|
2449
2449
|
--ab-icon-fill: currentColor;
|
|
2450
2450
|
--ab-custom-scrollbar-size: 10px;
|
|
2451
2451
|
--ab-grid-row-height: 40px;
|
|
2452
|
-
--ab-loaded: 777;
|
|
2452
|
+
--ab-loaded: 777;
|
|
2453
|
+
}
|
|
2453
2454
|
|
|
2454
2455
|
:root {
|
|
2455
2456
|
--ITableHeader__color: var(--ab-color-text-on-primary);
|
|
@@ -2458,17 +2459,21 @@ template {
|
|
|
2458
2459
|
--ITableRow__color: var(--ab-color-text-on-primary);
|
|
2459
2460
|
--ITable__background: var(--ab-color-primarylight);
|
|
2460
2461
|
--ITableRow__background: var(--ab-color-defaultbackground);
|
|
2461
|
-
--ITableRow--odd__background: var(--ab-color-primarylight);
|
|
2462
|
+
--ITableRow--odd__background: var(--ab-color-primarylight);
|
|
2463
|
+
}
|
|
2462
2464
|
|
|
2463
|
-
.ab-style__list-group-item:nth-child(2n
|
|
2464
|
-
background: var(--ab-color-primarylight);
|
|
2465
|
+
.ab-style__list-group-item:nth-child(2n+1) {
|
|
2466
|
+
background: var(--ab-color-primarylight);
|
|
2467
|
+
}
|
|
2465
2468
|
|
|
2466
|
-
.ab-Grid .ag-header-cell input[type=
|
|
2467
|
-
margin-inline-start: 0px;
|
|
2469
|
+
.ab-Grid .ag-header-cell input[type=date i]::-webkit-calendar-picker-indicator {
|
|
2470
|
+
margin-inline-start: 0px;
|
|
2471
|
+
}
|
|
2468
2472
|
|
|
2469
2473
|
.ab-Grid.ab-Grid--indicate-filtered-columns .ag-header-cell-filtered {
|
|
2470
2474
|
font-weight: bolder;
|
|
2471
|
-
background: var(--ab-gridheader--filtered__background);
|
|
2475
|
+
background: var(--ab-gridheader--filtered__background);
|
|
2476
|
+
}
|
|
2472
2477
|
|
|
2473
2478
|
:root {
|
|
2474
2479
|
--ab-cmp-checkbox__border-color: var(--ab-color-inputborder);
|
|
@@ -2477,7 +2482,8 @@ template {
|
|
|
2477
2482
|
--ab-cmp-checkbox--check-size: 16px;
|
|
2478
2483
|
--ab-cmp-checkbox--check__color: white;
|
|
2479
2484
|
--ab-cmp-checkbox--check-indeterminate__color: var(--ab-color-focus);
|
|
2480
|
-
--ab-cmp-checkbox--check-indeterminate-radius: 2px;
|
|
2485
|
+
--ab-cmp-checkbox--check-indeterminate-radius: 2px;
|
|
2486
|
+
}
|
|
2481
2487
|
|
|
2482
2488
|
.ab-CheckBox--variant-agGrid {
|
|
2483
2489
|
--ab-cmp-checkbox--check__color: var(
|
|
@@ -2486,23 +2492,27 @@ template {
|
|
|
2486
2492
|
);
|
|
2487
2493
|
--ab-cmp-checkbox--checked__background: var(--ag-background-color);
|
|
2488
2494
|
--ab-cmp-checkbox__border-color: var(--ab-cmp-checkbox--check__color);
|
|
2489
|
-
--ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color);
|
|
2495
|
+
--ab-cmp-checkbox--check-indeterminate__color: var(--ab-cmp-checkbox__border-color);
|
|
2496
|
+
}
|
|
2490
2497
|
|
|
2491
2498
|
.ab-CheckBox--variant-agGrid.ab-CheckBox--indeterminate {
|
|
2492
|
-
|
|
2493
|
-
|
|
2494
|
-
|
|
2495
|
-
|
|
2499
|
+
--ab-cmp-checkbox--check__color: var(
|
|
2500
|
+
--ag-checkbox-checked-color,
|
|
2501
|
+
var(--ag-balham-active-color, #0091ea)
|
|
2502
|
+
);
|
|
2503
|
+
}
|
|
2496
2504
|
|
|
2497
2505
|
.ab-CheckBox--variant-agGrid.ab-CheckBox--unchecked {
|
|
2498
|
-
|
|
2506
|
+
--ab-cmp-checkbox__border-color: var(--ag-checkbox-unchecked-color);
|
|
2507
|
+
}
|
|
2499
2508
|
|
|
2500
2509
|
:root {
|
|
2501
2510
|
--ab-cmp-dialog__background: var(--ab-color-defaultbackground, white);
|
|
2502
2511
|
--ab-cmp-dialog__color: var(--ab-color-text-on-defaultbackground, white);
|
|
2503
2512
|
--ab-cmp-dialog-close-button__color: var(--ab-color-accentlight);
|
|
2504
2513
|
--ab-cmp-dialog__border-radius: var(--ab__border-radius);
|
|
2505
|
-
--ab-cmp-dialog__min-height: 60vh;
|
|
2514
|
+
--ab-cmp-dialog__min-height: 60vh;
|
|
2515
|
+
}
|
|
2506
2516
|
|
|
2507
2517
|
:root {
|
|
2508
2518
|
--ab-cmp-dropdown__color: var(--ab-color-inputcolor);
|
|
@@ -2512,7 +2522,8 @@ template {
|
|
|
2512
2522
|
--ab-cmp-dropdown__fill: var(--ab-color-text-on-defaultbackground);
|
|
2513
2523
|
--ab-cmp-dropdown__font-size: var(--ab-font-size-2);
|
|
2514
2524
|
--ab-cmp-dropdown__font-family: var(--ab__font-family);
|
|
2515
|
-
--ab-cmp-dropdown__padding: var(--ab-space-2);
|
|
2525
|
+
--ab-cmp-dropdown__padding: var(--ab-space-2);
|
|
2526
|
+
}
|
|
2516
2527
|
|
|
2517
2528
|
:root {
|
|
2518
2529
|
--ab-cmp-dropdownbutton-list__border: none;
|
|
@@ -2525,30 +2536,35 @@ template {
|
|
|
2525
2536
|
--ab-cmp-dropdownbutton-list__border-radius: var(--ab__border-radius);
|
|
2526
2537
|
--ab-cmp-dropdownbutton-list__box-shadow: 4px 5px 11px -5px rgba(0, 0, 0, 0.2),
|
|
2527
2538
|
-4px 6px 5px 0 rgba(0, 0, 0, 0.14), 5px 3px 5px 0 rgba(0, 0, 0, 0.12);
|
|
2528
|
-
--ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark);
|
|
2539
|
+
--ab-cmp-dropdownbutton-list-separator__border: 1px solid var(--ab-color-primarydark);
|
|
2540
|
+
}
|
|
2529
2541
|
|
|
2530
2542
|
:root {
|
|
2531
2543
|
--ab-cmp-error-box__padding: var(--ab-space-3);
|
|
2532
2544
|
--ab-cmp-error-box__border-radius: var(--ab__border-radius);
|
|
2533
2545
|
--ab-cmp-error-box__color: var(--ab-color-text-on-error);
|
|
2534
|
-
--ab-cmp-error-box__background: var(--ab-color-error);
|
|
2546
|
+
--ab-cmp-error-box__background: var(--ab-color-error);
|
|
2547
|
+
}
|
|
2535
2548
|
|
|
2536
2549
|
:root {
|
|
2537
2550
|
--ab-cmp-field-wrap__background: var(--ab-color-defaultbackground);
|
|
2538
2551
|
--ab-cmp-field-wrap__fill: var(--ab-color-inputcolor);
|
|
2539
|
-
--ab-cmp-field-wrap__border-radius: var(--ab-cmp-input__border-radius);
|
|
2552
|
+
--ab-cmp-field-wrap__border-radius: var(--ab-cmp-input__border-radius);
|
|
2553
|
+
}
|
|
2540
2554
|
|
|
2541
2555
|
:root {
|
|
2542
2556
|
--ab-cmp-help-block__padding: var(--ab-space-2);
|
|
2543
2557
|
--ab-cmp-help-block__border-radius: var(--ab__border-radius);
|
|
2544
2558
|
--ab-cmp-help-block__color: var(--ab-color-text-on-primary);
|
|
2545
|
-
--ab-cmp-help-block__background: var(--ab-color-primarylight);
|
|
2559
|
+
--ab-cmp-help-block__background: var(--ab-color-primarylight);
|
|
2560
|
+
}
|
|
2546
2561
|
|
|
2547
2562
|
:root {
|
|
2548
2563
|
--ab-cmp-code-block__padding: var(--ab-space-1);
|
|
2549
2564
|
--ab-cmp-code-block__border-radius: var(--ab__border-radius);
|
|
2550
2565
|
--ab-cmp-code-block__color: var(--ab-color-text-on-primary);
|
|
2551
|
-
--ab-cmp-code-block__background: var(--ab-color-primary);
|
|
2566
|
+
--ab-cmp-code-block__background: var(--ab-color-primary);
|
|
2567
|
+
}
|
|
2552
2568
|
|
|
2553
2569
|
:root {
|
|
2554
2570
|
--ab-cmp-input__padding: var(--ab-space-2);
|
|
@@ -2560,10 +2576,12 @@ template {
|
|
|
2560
2576
|
--ab-cmp-input__font-size: var(--ab-font-size-2);
|
|
2561
2577
|
--ab-cmp-input--placeholder__color: var(--ab-color-text-on-defaultbackground);
|
|
2562
2578
|
--ab-cmp-input__font-family: var(--ab__font-family);
|
|
2563
|
-
--ab-cmp-input--placeholder__opacity: 0.6;
|
|
2579
|
+
--ab-cmp-input--placeholder__opacity: 0.6;
|
|
2580
|
+
}
|
|
2564
2581
|
|
|
2565
2582
|
:root {
|
|
2566
|
-
--ab-cmp-listgroup: 1;
|
|
2583
|
+
--ab-cmp-listgroup: 1;
|
|
2584
|
+
}
|
|
2567
2585
|
|
|
2568
2586
|
.ab-ListGroupItem {
|
|
2569
2587
|
width: var(--ab-cmp-listgroupitem__width);
|
|
@@ -2576,29 +2594,36 @@ template {
|
|
|
2576
2594
|
align-items: center;
|
|
2577
2595
|
background: var(--ab-cmp-listgroupitem__background);
|
|
2578
2596
|
color: var(--ab-cmp-listgroupitem__color);
|
|
2579
|
-
border-radius: var(--ab-cmp-listgroupitem__border-radius);
|
|
2597
|
+
border-radius: var(--ab-cmp-listgroupitem__border-radius);
|
|
2598
|
+
}
|
|
2580
2599
|
|
|
2581
|
-
.ab-ListGroupItem:nth-child(2n
|
|
2582
|
-
|
|
2583
|
-
|
|
2600
|
+
.ab-ListGroupItem:nth-child(2n+1) {
|
|
2601
|
+
background: var(--ab-cmp-listgroupitem--odd__background);
|
|
2602
|
+
color: var(--ab-cmp-listgroupitem--odd__color);
|
|
2603
|
+
}
|
|
2584
2604
|
|
|
2585
2605
|
.ab-ListGroupItem.ab-ListGroupItem--no-zebra {
|
|
2586
|
-
|
|
2606
|
+
background: var(--ab-color-defaultbackground);
|
|
2607
|
+
}
|
|
2587
2608
|
|
|
2588
2609
|
.ab-ListGroupItem--active.ab-ListGroupItem {
|
|
2589
|
-
|
|
2590
|
-
|
|
2610
|
+
background: var(--ab-cmp-listgroupitem--active__background);
|
|
2611
|
+
color: var(--ab-cmp-listgroupitem--active__color);
|
|
2612
|
+
}
|
|
2591
2613
|
|
|
2592
2614
|
.ab-ListGroupItem:focus {
|
|
2593
|
-
|
|
2615
|
+
z-index: 1;
|
|
2616
|
+
}
|
|
2594
2617
|
|
|
2595
2618
|
:root {
|
|
2596
|
-
--ab-cmp-modal-backdrop__background: rgba(0, 0, 0, 0.44);
|
|
2619
|
+
--ab-cmp-modal-backdrop__background: rgba(0, 0, 0, 0.44);
|
|
2620
|
+
}
|
|
2597
2621
|
|
|
2598
2622
|
:root {
|
|
2599
2623
|
--ab-cmp-tabs__padding: var(--ab-space-2);
|
|
2600
2624
|
--ab-cmp-tabs-strip__background: var(--ab-color-defaultbackground);
|
|
2601
|
-
--ab-cmp-tabs-active__background: var(--ab-color-primarylight);
|
|
2625
|
+
--ab-cmp-tabs-active__background: var(--ab-color-primarylight);
|
|
2626
|
+
}
|
|
2602
2627
|
|
|
2603
2628
|
:root {
|
|
2604
2629
|
--ab-cmp-panel_header__background: var(--ab-color-primary);
|
|
@@ -2618,7 +2643,8 @@ template {
|
|
|
2618
2643
|
--ab-cmp-panel_header--variant-modern__background: var(--ab-color-primary);
|
|
2619
2644
|
--ab-cmp-panel_header--variant-minimal__background: var(--ab-color-defaultbackground);
|
|
2620
2645
|
--ab-cmp-panel_header--variant-modern__color: var(--ab-color-text-on-primary);
|
|
2621
|
-
--ab-cmp-panel_body--variant-modern__background: var(--ab-color-primarylight);
|
|
2646
|
+
--ab-cmp-panel_body--variant-modern__background: var(--ab-color-primarylight);
|
|
2647
|
+
}
|
|
2622
2648
|
|
|
2623
2649
|
:root {
|
|
2624
2650
|
--ab-cmp-simple-button__padding: var(--ab-space-1) var(--ab-space-1);
|
|
@@ -2628,7 +2654,8 @@ template {
|
|
|
2628
2654
|
--ab-cmp-simple-button__font-size: var(--ab-font-size-2);
|
|
2629
2655
|
--ab-cmp-simple-button__font-family: var(--ab__font-family);
|
|
2630
2656
|
--ab-cmp-simple-button__height: 20px;
|
|
2631
|
-
--ab-cmp-simple-button__width: 20px;
|
|
2657
|
+
--ab-cmp-simple-button__width: 20px;
|
|
2658
|
+
}
|
|
2632
2659
|
|
|
2633
2660
|
:root {
|
|
2634
2661
|
--ab-cmp-textarea__padding: var(--ab-space-1) var(--ab-space-2);
|
|
@@ -2638,14 +2665,16 @@ template {
|
|
|
2638
2665
|
--ab-cmp-textarea__font-size: var(--ab-font-size-3);
|
|
2639
2666
|
--ab-cmp-textarea__font-family: var(--ab__font-family);
|
|
2640
2667
|
--ab-cmp-textarea__background: var(--ab-cmp-input__background);
|
|
2641
|
-
--ab-cmp-textarea--disabled__background: var(--ab-cmp-input--disabled__background);
|
|
2668
|
+
--ab-cmp-textarea--disabled__background: var(--ab-cmp-input--disabled__background);
|
|
2669
|
+
}
|
|
2642
2670
|
|
|
2643
2671
|
:root {
|
|
2644
2672
|
--ab-cmp-tooltip__opacity: 0.96;
|
|
2645
2673
|
--ab-cmp-tooltip__background: var(--ab-color-primary);
|
|
2646
2674
|
--ab-cmp-tooltip__color: var(--ab-color-text-on-primary);
|
|
2647
2675
|
--ab-cmp-tooltip__border: solid 1px var(--ab-color-inputborder);
|
|
2648
|
-
--ab-cmp-tooltip__font-size: var(--ab-font-size-2);
|
|
2676
|
+
--ab-cmp-tooltip__font-size: var(--ab-font-size-2);
|
|
2677
|
+
}
|
|
2649
2678
|
|
|
2650
2679
|
:root {
|
|
2651
2680
|
--ab-cmp-file-droppable__padding: var(--ab-space-5);
|
|
@@ -2658,7 +2687,8 @@ template {
|
|
|
2658
2687
|
--ab-cmp-file-droppable--drag-over__color: var(--ab-color-text-on-secondary);
|
|
2659
2688
|
--ab-cmp-file-droppable--drag-over__outline-offset: -20px;
|
|
2660
2689
|
--ab-cmp-file-droppable--drag-over__outline: 2px dashed
|
|
2661
|
-
var(--ab-cmp-file-droppable--drag-over__color);
|
|
2690
|
+
var(--ab-cmp-file-droppable--drag-over__color);
|
|
2691
|
+
}
|
|
2662
2692
|
|
|
2663
2693
|
:root {
|
|
2664
2694
|
--ab-dashboard__background: var(--ab-color-primary);
|
|
@@ -2671,10 +2701,12 @@ template {
|
|
|
2671
2701
|
--ab-dashboard-header__background: var(--ab-color-secondary);
|
|
2672
2702
|
--ab-dashboard-header__color: var(--ab-color-text-on-secondary);
|
|
2673
2703
|
--ab-dashboard-tab-drop-target__background: skyblue;
|
|
2674
|
-
--ab-dashboard-toolbar-drag__background: lightgreen;
|
|
2704
|
+
--ab-dashboard-toolbar-drag__background: lightgreen;
|
|
2705
|
+
}
|
|
2675
2706
|
|
|
2676
2707
|
:root {
|
|
2677
|
-
--ab-cmp-listgroup: 1;
|
|
2708
|
+
--ab-cmp-listgroup: 1;
|
|
2709
|
+
}
|
|
2678
2710
|
|
|
2679
2711
|
:root {
|
|
2680
2712
|
--ab-cmp-datepicker__background: var(--ab-color-defaultbackground);
|
|
@@ -2686,14 +2718,16 @@ template {
|
|
|
2686
2718
|
--ab-cmp-datepicker__border: 1px solid var(--ab-color-primarydark);
|
|
2687
2719
|
--ab-cmp-datepicker__font-size: var(--ab-font-size-2);
|
|
2688
2720
|
--ab-cmp-datepicker__font-family: var(--ab__font-family);
|
|
2689
|
-
--ab-cmp-datepicker__cell-size: 30px;
|
|
2721
|
+
--ab-cmp-datepicker__cell-size: 30px;
|
|
2722
|
+
}
|
|
2690
2723
|
|
|
2691
2724
|
:root {
|
|
2692
2725
|
--ab-cmp-toggle-button__background: #ccc;
|
|
2693
2726
|
--ab-cmp-toggle-button--active__background: var(--ab-color-success);
|
|
2694
2727
|
--ab-cmp-toggle-button__font-size: var(--ab-font-size-1);
|
|
2695
2728
|
--ab-cmp-toggle-button__color: var(--ab-color-text-on-primary);
|
|
2696
|
-
--ab-cmp-toggle-button--checked__color: var(--ab-color-accentlight);
|
|
2729
|
+
--ab-cmp-toggle-button--checked__color: var(--ab-color-accentlight);
|
|
2730
|
+
}
|
|
2697
2731
|
|
|
2698
2732
|
:root {
|
|
2699
2733
|
--ab-cmp-module-module-selector__tab-item__border: 1px solid var(--ab-color-primarydark);
|
|
@@ -2703,12 +2737,14 @@ template {
|
|
|
2703
2737
|
--ab-cmp-module-module-selector__toolbar-item__border: 1px solid var(--ab-color-primary);
|
|
2704
2738
|
--ab-cmp-module-selector__unused-panel__border: 1px solid var(--ab-color-primarydark);
|
|
2705
2739
|
--ab-cmp-module-selector__unused-panel__border-radius: var(--ab__border-radius);
|
|
2706
|
-
--ab-cmp-module-selector__unused-panel__background: var(--ab-color-defaultbackground);
|
|
2740
|
+
--ab-cmp-module-selector__unused-panel__background: var(--ab-color-defaultbackground);
|
|
2741
|
+
}
|
|
2707
2742
|
|
|
2708
2743
|
:root {
|
|
2709
2744
|
--ab-cmp-loader__background: var(--ab-color-primarydark);
|
|
2710
2745
|
--ab-cmp-loader__border: var(--ab-color-text-on-primary);
|
|
2711
|
-
--ab-cmp-loader__font-size: var(--ab-font-size-2);
|
|
2746
|
+
--ab-cmp-loader__font-size: var(--ab-font-size-2);
|
|
2747
|
+
}
|
|
2712
2748
|
|
|
2713
2749
|
:root {
|
|
2714
2750
|
--ab-cmp-progress-indicator__delay: 1s;
|
|
@@ -2718,29 +2754,34 @@ template {
|
|
|
2718
2754
|
--ab-cmp-progress-indicator__font-family: var(--ab__font-family);
|
|
2719
2755
|
--ab-cmp-progress-indicator__padding: var(--ab-space-3);
|
|
2720
2756
|
--ab-cmp-progress-indicator__background: var(--ab-color-primary);
|
|
2721
|
-
--ab-cmp-progress-indicator__color: var(--ab-color-text-on-primary);
|
|
2757
|
+
--ab-cmp-progress-indicator__color: var(--ab-color-text-on-primary);
|
|
2758
|
+
}
|
|
2722
2759
|
|
|
2723
2760
|
:root {
|
|
2724
2761
|
--ab-cmp-icon__fill: var(--ab-icon-fill);
|
|
2725
2762
|
--ab-cmp-icon__height: 17px;
|
|
2726
|
-
--ab-cmp-icon__width: 17px;
|
|
2763
|
+
--ab-cmp-icon__width: 17px;
|
|
2764
|
+
}
|
|
2727
2765
|
|
|
2728
2766
|
:root {
|
|
2729
2767
|
--ab-cmp-listgroupitem__padding: var(--ab-space-2);
|
|
2730
2768
|
--ab-cmp-listgroupitem__margin: 0;
|
|
2731
|
-
--ab-cmp-listgroupitem-cell__font-size: var(--ab-font-size-3);
|
|
2769
|
+
--ab-cmp-listgroupitem-cell__font-size: var(--ab-font-size-3);
|
|
2770
|
+
}
|
|
2732
2771
|
|
|
2733
2772
|
:root {
|
|
2734
2773
|
--ab-cmp-wizard__padding: var(--ab-space-5);
|
|
2735
2774
|
--ab-cmp-wizard__margin: var(--ab-space-1);
|
|
2736
2775
|
--ab-cmp-wizard__background: var(--ab-color-primary);
|
|
2737
|
-
--ab-cmp-wizard__color: var(--ab-color-text-on-primary);
|
|
2776
|
+
--ab-cmp-wizard__color: var(--ab-color-text-on-primary);
|
|
2777
|
+
}
|
|
2738
2778
|
|
|
2739
2779
|
:root {
|
|
2740
2780
|
--ab-cmp-button-border-radius: 0px;
|
|
2741
2781
|
--ab-cmp-button-disabled-opacity: 0.5;
|
|
2742
2782
|
--ab-cmp-button-background: var(--ab-color-primary);
|
|
2743
|
-
--ab-cmp-button-disabled-background: var(--ab-color-primarydark);
|
|
2783
|
+
--ab-cmp-button-disabled-background: var(--ab-color-primarydark);
|
|
2784
|
+
}
|
|
2744
2785
|
|
|
2745
2786
|
:root {
|
|
2746
2787
|
--ab-cmp-dashboardpanel_body__background: var(--ab-color-primarylight);
|
|
@@ -2751,7 +2792,8 @@ template {
|
|
|
2751
2792
|
--ab-cmp-dashboardpanel__color: currentColor;
|
|
2752
2793
|
--ab-cmp-dashboardpanel_header__padding: var(--ab-space-0);
|
|
2753
2794
|
--ab-cmp-dashboardpanel_body__padding: var(--ab-space-1);
|
|
2754
|
-
--ab-cmp-dashboardpanel__border: none;
|
|
2795
|
+
--ab-cmp-dashboardpanel__border: none;
|
|
2796
|
+
}
|
|
2755
2797
|
|
|
2756
2798
|
:root {
|
|
2757
2799
|
--ab-cmp-toolpanelpanel__color: var(--ab-cmp-dashboardpanel__color);
|
|
@@ -2762,36 +2804,43 @@ template {
|
|
|
2762
2804
|
--ab-cmp-toolpanelpanel_header__color: var(--ab-cmp-dashboardpanel_header__color);
|
|
2763
2805
|
--ab-cmp-toolpanelpanel_header__padding: var(--ab-cmp-dashboardpanel_header__padding);
|
|
2764
2806
|
--ab-cmp-toolpanelpanel_body__background: var(--ab-cmp-dashboardpanel_body__background);
|
|
2765
|
-
--ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding);
|
|
2807
|
+
--ab-cmp-toolpanelpanel_body__padding: var(--ab-cmp-dashboardpanel_body__padding);
|
|
2808
|
+
}
|
|
2766
2809
|
|
|
2767
2810
|
:root {
|
|
2768
2811
|
--ab-cmp-popover__border-radius: var(--ab__border-radius);
|
|
2769
2812
|
--ab-cmp-popover__background: var(--ab-color-defaultbackground);
|
|
2770
2813
|
--ab-cmp-popover__color: var(--ab-color-text-on-defaultbackground);
|
|
2771
2814
|
--ab-cmp-popover__box-shadow: var(--ab-cmp-dropdownbutton-list__box-shadow);
|
|
2772
|
-
--ab-cmp-popover__border: 1px solid var(--ab-color-primarydark);
|
|
2815
|
+
--ab-cmp-popover__border: 1px solid var(--ab-color-primarydark);
|
|
2816
|
+
}
|
|
2773
2817
|
|
|
2774
2818
|
:root {
|
|
2775
2819
|
--ab-cmp-one-page-wizard__background: var(--ab-color-primary);
|
|
2776
2820
|
--ab-cmp-one-page-wizard-content__background: var(--ab-color-defaultbackground);
|
|
2777
2821
|
--ab-cmp-one-page-wizard-section-title__color: var(--ab-color-text-on-secondary);
|
|
2778
|
-
--ab-cmp-one-page-wizard-selected-title__background: var(--ab-color-secondary);
|
|
2822
|
+
--ab-cmp-one-page-wizard-selected-title__background: var(--ab-color-secondary);
|
|
2823
|
+
}
|
|
2779
2824
|
|
|
2780
2825
|
.ab-OnePageWizard__section {
|
|
2781
2826
|
background: var(--ab-cmp-one-page-wizard-content__background);
|
|
2782
2827
|
overflow: auto;
|
|
2783
|
-
border-radius: var(--ab__border-radius);
|
|
2828
|
+
border-radius: var(--ab__border-radius);
|
|
2829
|
+
}
|
|
2784
2830
|
|
|
2785
2831
|
.ab-OnePageWizard__section-title-container {
|
|
2786
|
-
background: var(--ab-cmp-one-page-wizard__background);
|
|
2832
|
+
background: var(--ab-cmp-one-page-wizard__background);
|
|
2833
|
+
}
|
|
2787
2834
|
|
|
2788
2835
|
.ab-OnePageWizard__section-container {
|
|
2789
2836
|
background: var(--ab-cmp-one-page-wizard__background);
|
|
2790
2837
|
min-height: 100%;
|
|
2791
|
-
overflow: hidden;
|
|
2838
|
+
overflow: hidden;
|
|
2839
|
+
}
|
|
2792
2840
|
|
|
2793
2841
|
.ab-OnePageWizard__footer {
|
|
2794
|
-
background: var(--ab-cmp-one-page-wizard__background);
|
|
2842
|
+
background: var(--ab-cmp-one-page-wizard__background);
|
|
2843
|
+
}
|
|
2795
2844
|
|
|
2796
2845
|
:root {
|
|
2797
2846
|
--ab-cmp-toolpanel__width: 200px;
|
|
@@ -2799,10 +2848,12 @@ template {
|
|
|
2799
2848
|
--ab-cmp-toolpanel-header__color: var(--ab-dashboard-header__color);
|
|
2800
2849
|
--ab-cmp-toolpanel-header__grid-gap: 3px;
|
|
2801
2850
|
--ab-cmp-toolpanel__color: var(--ab-dashboard__color);
|
|
2802
|
-
--ab-cmp-toolpanel__font-family: var(--ab__font-family);
|
|
2851
|
+
--ab-cmp-toolpanel__font-family: var(--ab__font-family);
|
|
2852
|
+
}
|
|
2803
2853
|
|
|
2804
2854
|
:root {
|
|
2805
|
-
--ab-cmp-custom-sort-wizard-loader__font-size: var(--ab-font-size-4);
|
|
2855
|
+
--ab-cmp-custom-sort-wizard-loader__font-size: var(--ab-font-size-4);
|
|
2856
|
+
}
|
|
2806
2857
|
|
|
2807
2858
|
:root {
|
|
2808
2859
|
--ab-cmp-adaptable-popup__background: var(--ab-color-primarylight);
|
|
@@ -2840,10 +2891,12 @@ template {
|
|
|
2840
2891
|
--ab-cmp-adaptable-popup-panel__margin-bottom: var(--ab-space-3);
|
|
2841
2892
|
--ab-cmp-adaptable-popup-panel__margin-top: var(--ab-space-2);
|
|
2842
2893
|
--ab-cmp-adaptable-popup-panel-title__font-size: var(--ab-font-size-5);
|
|
2843
|
-
--ab-cmp-adaptable-popup-panel-body__padding: var(--ab-space-2);
|
|
2894
|
+
--ab-cmp-adaptable-popup-panel-body__padding: var(--ab-space-2);
|
|
2895
|
+
}
|
|
2844
2896
|
|
|
2845
2897
|
:root {
|
|
2846
|
-
--ab-cmp-adaptable-window-popup__box-shadow: var(--ab-cmp-adaptable-popup__box-shadow);
|
|
2898
|
+
--ab-cmp-adaptable-window-popup__box-shadow: var(--ab-cmp-adaptable-popup__box-shadow);
|
|
2899
|
+
}
|
|
2847
2900
|
|
|
2848
2901
|
:root {
|
|
2849
2902
|
--ab-cmp-adaptable-object-list-tag__margin-right: var(--ab-space-2);
|
|
@@ -2865,12 +2918,14 @@ template {
|
|
|
2865
2918
|
--ab-cmp-adaptable-object-compact-list-item-name__width: 95px;
|
|
2866
2919
|
--ab-cmp-adaptable-object-compact-list-item-name__padding: var(--ab-space-1);
|
|
2867
2920
|
--ab-cmp-adaptable-object-compact-list-item-name__margin-right: var(--ab-space-1);
|
|
2868
|
-
--ab-cmp-adaptable-object-compact-list-item-name__font-size: var(--ab-font-size-4);
|
|
2921
|
+
--ab-cmp-adaptable-object-compact-list-item-name__font-size: var(--ab-font-size-4);
|
|
2922
|
+
}
|
|
2869
2923
|
|
|
2870
2924
|
:root {
|
|
2871
2925
|
--ab-cmp-adaptable-options__background-color: var(--ab-color-defaultbackground);
|
|
2872
2926
|
--ab-cmp-grid-options__background-color: var(--ab-color-defaultbackground);
|
|
2873
|
-
--ab-cmp-grid-summary__background-color: var(--ab-color-defaultbackground);
|
|
2927
|
+
--ab-cmp-grid-summary__background-color: var(--ab-color-defaultbackground);
|
|
2928
|
+
}
|
|
2874
2929
|
|
|
2875
2930
|
:root {
|
|
2876
2931
|
--ab-cmp-system-status-list__background-color: var(--ab-color-defaultbackground);
|
|
@@ -2878,21 +2933,25 @@ template {
|
|
|
2878
2933
|
--ab-cmp-system-status-list-text__font-weight: bold;
|
|
2879
2934
|
--ab-cmp-system-status-list-text__font-size: var(--ab-font-size-2);
|
|
2880
2935
|
--ab-cmp-system-status-list-text__color: var(--ab-color-text-on-secondary);
|
|
2881
|
-
--ab-cmp-system-status-list-text__padding: var(--ab-space-2);
|
|
2936
|
+
--ab-cmp-system-status-list-text__padding: var(--ab-space-2);
|
|
2937
|
+
}
|
|
2882
2938
|
|
|
2883
2939
|
:root {
|
|
2884
|
-
--ab-cmp-dashboard-module-selector-background: var(--ab-color-defaultbackground);
|
|
2940
|
+
--ab-cmp-dashboard-module-selector-background: var(--ab-color-defaultbackground);
|
|
2941
|
+
}
|
|
2885
2942
|
|
|
2886
2943
|
:root {
|
|
2887
2944
|
--ab-cmp-adaptable-statusbar-sub-panel__padding: var(--ab-space-1) var(--ab-space-2);
|
|
2888
2945
|
--ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover: var(--ab-color-primary);
|
|
2889
2946
|
--ab-cmp-adaptable-statusbar__color: var(--ab-color-text-on-primary);
|
|
2890
2947
|
--ab-cmp-adaptable-statusbar__font-weight: 400;
|
|
2891
|
-
--ab-cmp-adaptable-statusbar__border: 1px solid var(--ab-color-primary);
|
|
2948
|
+
--ab-cmp-adaptable-statusbar__border: 1px solid var(--ab-color-primary);
|
|
2949
|
+
}
|
|
2892
2950
|
|
|
2893
2951
|
:root {
|
|
2894
2952
|
--ab-cmp-adaptable-shared-entity-shared-object__border: 2px solid var(--ab-color-primary);
|
|
2895
|
-
--ab-cmp-adaptable-shared-entity-shared-object__nesting-color: var(--ab-color-primary);
|
|
2953
|
+
--ab-cmp-adaptable-shared-entity-shared-object__nesting-color: var(--ab-color-primary);
|
|
2954
|
+
}
|
|
2896
2955
|
|
|
2897
2956
|
:root {
|
|
2898
2957
|
--ab-cmp-adaptable-layout-wizard-column-row-title__border-radious: var(--ab__border-radius);
|
|
@@ -2907,14 +2966,16 @@ template {
|
|
|
2907
2966
|
--ab__border-radius
|
|
2908
2967
|
);
|
|
2909
2968
|
--ab-cmp-adaptable-layout-wizard-column-input__max-width: 200px;
|
|
2910
|
-
--ab-cmp-adaptable-layout-wizard-column-input__width: 100%;
|
|
2969
|
+
--ab-cmp-adaptable-layout-wizard-column-input__width: 100%;
|
|
2970
|
+
}
|
|
2911
2971
|
|
|
2912
2972
|
.ab-PermitedValuesSelector__PopupContent {
|
|
2913
2973
|
z-index: 1000;
|
|
2914
2974
|
font-size: var(--ab-cmp-adaptable-permitted-values-selector__font-size);
|
|
2915
2975
|
border: 1px solid var(--ab-cmp-adaptable-permitted-values-selector__border);
|
|
2916
2976
|
background-color: var(--ab-cmp-adaptable-permitted-values-selector__background-color);
|
|
2917
|
-
padding: var(--ab-cmp-adaptable-permitted-values-selector__padding);
|
|
2977
|
+
padding: var(--ab-cmp-adaptable-permitted-values-selector__padding);
|
|
2978
|
+
}
|
|
2918
2979
|
|
|
2919
2980
|
:root {
|
|
2920
2981
|
--ab-cmp-expression-editor-input__background: var(--ab-color-primarylight);
|
|
@@ -2924,71 +2985,86 @@ template {
|
|
|
2924
2985
|
var(--ab-color-primarydark);
|
|
2925
2986
|
--ab-cmp-expression-editor-input-dropdown-functions-list__border-radius: var(--ab__border-radius);
|
|
2926
2987
|
--ab-cmp-expression-editor-input__font-family: monospace;
|
|
2927
|
-
--ab-cmp-expression-editor-feedback__border-radius: var(--ab__border-radius);
|
|
2988
|
+
--ab-cmp-expression-editor-feedback__border-radius: var(--ab__border-radius);
|
|
2989
|
+
}
|
|
2928
2990
|
|
|
2929
2991
|
:root {
|
|
2930
2992
|
--ab-cmp-quickfilter__font-size: var(--ab-font-size-1);
|
|
2931
2993
|
--ab-cmp-quickfilter__border: 1px solid var(--ab-color-primarydark);
|
|
2932
|
-
--ab-cmp-quickfilter__background: var(--ab-color-defaultbackground);
|
|
2994
|
+
--ab-cmp-quickfilter__background: var(--ab-color-defaultbackground);
|
|
2995
|
+
}
|
|
2933
2996
|
|
|
2934
2997
|
.ab-Radio-input:focus + svg rect {
|
|
2935
2998
|
stroke: var(--ab-color-accent);
|
|
2936
|
-
stroke-width: 2;
|
|
2999
|
+
stroke-width: 2;
|
|
3000
|
+
}
|
|
2937
3001
|
|
|
2938
3002
|
.ab-Radio-input:focus + svg {
|
|
2939
|
-
outline: 2px solid var(--ab-color-accent);
|
|
3003
|
+
outline: 2px solid var(--ab-color-accent);
|
|
3004
|
+
}
|
|
2940
3005
|
|
|
2941
|
-
.ab-Radio-input:checked + svg rect,
|
|
2942
|
-
|
|
2943
|
-
|
|
3006
|
+
.ab-Radio-input:checked + svg rect, .ab-Radio-input:checked + svg polyline {
|
|
3007
|
+
stroke: currentColor;
|
|
3008
|
+
}
|
|
2944
3009
|
|
|
2945
3010
|
.ab-Radio-input:checked + svg polyline {
|
|
2946
3011
|
animation: abRadioCheckAnimation 0.5s ease forwards;
|
|
2947
3012
|
stroke-dasharray: 50;
|
|
2948
|
-
stroke-dashoffset: 50;
|
|
3013
|
+
stroke-dashoffset: 50;
|
|
3014
|
+
}
|
|
2949
3015
|
|
|
2950
3016
|
.ab-Radio-input input:focus {
|
|
2951
3017
|
box-shadow: var(--ab-focus__box-shadow);
|
|
2952
|
-
outline: var(--ab-focus__outline);
|
|
3018
|
+
outline: var(--ab-focus__outline);
|
|
3019
|
+
}
|
|
2953
3020
|
|
|
2954
3021
|
@keyframes abRadioCheckAnimation {
|
|
2955
3022
|
100% {
|
|
2956
|
-
stroke-dashoffset: 0;
|
|
3023
|
+
stroke-dashoffset: 0;
|
|
3024
|
+
}
|
|
3025
|
+
}
|
|
2957
3026
|
|
|
2958
3027
|
.ab-Table td,
|
|
2959
3028
|
.ab-Table th {
|
|
2960
|
-
padding: var(--ab-space-2);
|
|
3029
|
+
padding: var(--ab-space-2);
|
|
3030
|
+
}
|
|
2961
3031
|
|
|
2962
3032
|
.ab-Table th {
|
|
2963
|
-
border-bottom: 2px solid var(--ab-color-primarydark);
|
|
3033
|
+
border-bottom: 2px solid var(--ab-color-primarydark);
|
|
3034
|
+
}
|
|
2964
3035
|
|
|
2965
3036
|
.ab-Table tr:not(last-child) td {
|
|
2966
|
-
border-bottom: 1px solid var(--ab-color-primarylight);
|
|
3037
|
+
border-bottom: 1px solid var(--ab-color-primarylight);
|
|
3038
|
+
}
|
|
2967
3039
|
|
|
2968
3040
|
.ab-CheckBox {
|
|
2969
3041
|
display: inline-flex;
|
|
2970
3042
|
flex-flow: row;
|
|
2971
3043
|
align-items: center;
|
|
2972
3044
|
cursor: pointer;
|
|
2973
|
-
position: relative;
|
|
3045
|
+
position: relative;
|
|
3046
|
+
}
|
|
2974
3047
|
|
|
2975
|
-
.ab-CheckBox,
|
|
2976
|
-
|
|
2977
|
-
|
|
2978
|
-
|
|
2979
|
-
|
|
3048
|
+
.ab-CheckBox, .ab-CheckBox *,
|
|
3049
|
+
.ab-CheckBox *:before,
|
|
3050
|
+
.ab-CheckBox *:after {
|
|
3051
|
+
box-sizing: border-box;
|
|
3052
|
+
}
|
|
2980
3053
|
|
|
2981
3054
|
.ab-CheckBox--checked {
|
|
2982
|
-
--ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background);
|
|
3055
|
+
--ab-cmp-checkbox__background: var(--ab-cmp-checkbox--checked__background);
|
|
3056
|
+
}
|
|
2983
3057
|
|
|
2984
3058
|
.ab-CheckBox--indeterminate {
|
|
2985
|
-
--ab-cmp-checkbox--check__color: var(--ab-cmp-checkbox--check-indeterminate__color);
|
|
3059
|
+
--ab-cmp-checkbox--check__color: var(--ab-cmp-checkbox--check-indeterminate__color);
|
|
3060
|
+
}
|
|
2986
3061
|
|
|
2987
3062
|
.ab-CheckBox:focus-within .ab-CheckBox__square,
|
|
2988
3063
|
.ab-CheckBox:active .ab-CheckBox__square,
|
|
2989
3064
|
.ab-CheckBox input.ab-CheckBox-input:active + .ab-CheckBox__square,
|
|
2990
3065
|
.ab-CheckBox input.ab-CheckBox-input:focus + .ab-CheckBox__square {
|
|
2991
|
-
box-shadow: var(--ab-focus__box-shadow);
|
|
3066
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
3067
|
+
}
|
|
2992
3068
|
|
|
2993
3069
|
.ab-CheckBox__square {
|
|
2994
3070
|
border-radius: var(--ab__border-radius);
|
|
@@ -3001,44 +3077,50 @@ template {
|
|
|
3001
3077
|
line-height: 0;
|
|
3002
3078
|
font-size: 0;
|
|
3003
3079
|
position: relative;
|
|
3004
|
-
pointer-events: none;
|
|
3080
|
+
pointer-events: none;
|
|
3081
|
+
}
|
|
3005
3082
|
|
|
3006
3083
|
.ab-CheckBox__square:after {
|
|
3007
|
-
|
|
3008
|
-
|
|
3009
|
-
|
|
3010
|
-
|
|
3011
|
-
|
|
3012
|
-
|
|
3013
|
-
|
|
3014
|
-
|
|
3015
|
-
|
|
3016
|
-
|
|
3017
|
-
|
|
3018
|
-
|
|
3019
|
-
|
|
3084
|
+
opacity: 1;
|
|
3085
|
+
transition-duration: 0.1s;
|
|
3086
|
+
transition-timing-function: ease-in;
|
|
3087
|
+
transition-property: opacity;
|
|
3088
|
+
content: "";
|
|
3089
|
+
display: block;
|
|
3090
|
+
margin: auto;
|
|
3091
|
+
width: calc((var(--ab-cmp-checkbox--check-size) - 4px) / 2);
|
|
3092
|
+
height: calc(var(--ab-cmp-checkbox--check-size) - 4px);
|
|
3093
|
+
border: solid var(--ab-cmp-checkbox--check__color);
|
|
3094
|
+
border-width: 0 2px 2px 0;
|
|
3095
|
+
transform: rotate(45deg);
|
|
3096
|
+
border-radius: 1px;
|
|
3097
|
+
}
|
|
3020
3098
|
|
|
3021
3099
|
.ab-CheckBox__square--unchecked::after {
|
|
3022
|
-
|
|
3100
|
+
opacity: 0;
|
|
3101
|
+
}
|
|
3023
3102
|
|
|
3024
3103
|
.ab-CheckBox__square--indeterminate:after {
|
|
3025
|
-
|
|
3026
|
-
|
|
3027
|
-
|
|
3028
|
-
|
|
3029
|
-
|
|
3030
|
-
|
|
3031
|
-
|
|
3032
|
-
|
|
3033
|
-
|
|
3034
|
-
|
|
3035
|
-
|
|
3104
|
+
transform: rotate(0deg);
|
|
3105
|
+
position: absolute;
|
|
3106
|
+
top: 2px;
|
|
3107
|
+
bottom: 2px;
|
|
3108
|
+
right: 2px;
|
|
3109
|
+
left: 2px;
|
|
3110
|
+
border: none;
|
|
3111
|
+
width: auto;
|
|
3112
|
+
height: auto;
|
|
3113
|
+
background: var(--ab-cmp-checkbox--check__color);
|
|
3114
|
+
border-radius: var(--ab-cmp-checkbox--check-indeterminate-radius);
|
|
3115
|
+
}
|
|
3036
3116
|
|
|
3037
3117
|
.ab-CheckBox--disabled {
|
|
3038
|
-
opacity: 0.5;
|
|
3118
|
+
opacity: 0.5;
|
|
3119
|
+
}
|
|
3039
3120
|
|
|
3040
3121
|
.ab-CheckBox--readonly .ab-CheckBox__square {
|
|
3041
|
-
opacity: 0.5;
|
|
3122
|
+
opacity: 0.5;
|
|
3123
|
+
}
|
|
3042
3124
|
|
|
3043
3125
|
.ab-CheckBox-input:not(.ag-checkbox-input) {
|
|
3044
3126
|
width: 100%;
|
|
@@ -3048,7 +3130,8 @@ template {
|
|
|
3048
3130
|
left: 0;
|
|
3049
3131
|
top: 0;
|
|
3050
3132
|
z-index: 1;
|
|
3051
|
-
position: absolute;
|
|
3133
|
+
position: absolute;
|
|
3134
|
+
}
|
|
3052
3135
|
|
|
3053
3136
|
.ab-Dialog {
|
|
3054
3137
|
position: relative;
|
|
@@ -3057,33 +3140,37 @@ template {
|
|
|
3057
3140
|
color: var(--ab-cmp-dialog__color);
|
|
3058
3141
|
border-radius: var(--ab-cmp-dialog__border-radius);
|
|
3059
3142
|
display: flex;
|
|
3060
|
-
flex-flow: column;
|
|
3143
|
+
flex-flow: column;
|
|
3144
|
+
}
|
|
3061
3145
|
|
|
3062
3146
|
.ab-Dialog:focus-within, .ab-Dialog:focus {
|
|
3063
|
-
|
|
3064
|
-
|
|
3147
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
3148
|
+
outline: var(--ab-focus__outline);
|
|
3149
|
+
}
|
|
3065
3150
|
|
|
3066
3151
|
.ab-Dialog__close-button {
|
|
3067
|
-
|
|
3068
|
-
|
|
3069
|
-
|
|
3070
|
-
|
|
3071
|
-
|
|
3072
|
-
|
|
3073
|
-
|
|
3074
|
-
|
|
3075
|
-
|
|
3152
|
+
position: absolute;
|
|
3153
|
+
right: 6px;
|
|
3154
|
+
top: 6px;
|
|
3155
|
+
font-size: var(--ab-font-size-3);
|
|
3156
|
+
font-weight: 700;
|
|
3157
|
+
line-height: 1;
|
|
3158
|
+
color: var(--ab-cmp-dialog-close-button__color);
|
|
3159
|
+
text-shadow: 0 1px 0 #fff;
|
|
3160
|
+
cursor: pointer;
|
|
3161
|
+
}
|
|
3076
3162
|
|
|
3077
3163
|
.ab-Dialog-fixed-wrapper {
|
|
3078
|
-
|
|
3079
|
-
|
|
3080
|
-
|
|
3081
|
-
|
|
3082
|
-
|
|
3083
|
-
|
|
3084
|
-
|
|
3085
|
-
|
|
3086
|
-
|
|
3164
|
+
position: fixed;
|
|
3165
|
+
margin: auto;
|
|
3166
|
+
left: 0;
|
|
3167
|
+
top: 0;
|
|
3168
|
+
right: 0;
|
|
3169
|
+
bottom: 0;
|
|
3170
|
+
display: flex;
|
|
3171
|
+
align-items: center;
|
|
3172
|
+
justify-content: center;
|
|
3173
|
+
}
|
|
3087
3174
|
|
|
3088
3175
|
.ab-Dropdown {
|
|
3089
3176
|
background: var(--ab-color-defaultbackground);
|
|
@@ -3093,43 +3180,51 @@ template {
|
|
|
3093
3180
|
min-width: 120px;
|
|
3094
3181
|
max-width: 300px;
|
|
3095
3182
|
font-family: var(--ab-cmp-dropdown__font-family);
|
|
3096
|
-
font-size: var(--ab-cmp-dropdown__font-size);
|
|
3183
|
+
font-size: var(--ab-cmp-dropdown__font-size);
|
|
3184
|
+
}
|
|
3097
3185
|
|
|
3098
3186
|
.ab-Dropdown--disabled {
|
|
3099
|
-
|
|
3187
|
+
opacity: 0.5;
|
|
3188
|
+
}
|
|
3100
3189
|
|
|
3101
3190
|
.ab-Dropdown--focused {
|
|
3102
|
-
|
|
3103
|
-
|
|
3191
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
3192
|
+
outline: var(--ab-focus__outline);
|
|
3193
|
+
}
|
|
3104
3194
|
|
|
3105
3195
|
.ab-Dropdown__text {
|
|
3106
|
-
|
|
3107
|
-
|
|
3108
|
-
|
|
3109
|
-
|
|
3110
|
-
|
|
3111
|
-
|
|
3112
|
-
|
|
3113
|
-
|
|
3114
|
-
|
|
3196
|
+
color: var(--ab-cmp-dropdown__color);
|
|
3197
|
+
padding: var(--ab-cmp-dropdown__padding);
|
|
3198
|
+
pointer-events: none;
|
|
3199
|
+
position: relative;
|
|
3200
|
+
cursor: pointer;
|
|
3201
|
+
overflow: hidden;
|
|
3202
|
+
text-overflow: ellipsis;
|
|
3203
|
+
white-space: nowrap;
|
|
3204
|
+
flex: 1;
|
|
3205
|
+
}
|
|
3115
3206
|
|
|
3116
3207
|
.ab-Dropdown--empty .ab-Dropdown__text {
|
|
3117
|
-
|
|
3208
|
+
color: var(--ab-color-text-on-defaultbackground);
|
|
3209
|
+
}
|
|
3118
3210
|
|
|
3119
3211
|
.ab-Dropdown select {
|
|
3120
|
-
|
|
3121
|
-
|
|
3122
|
-
|
|
3123
|
-
|
|
3212
|
+
font-family: inherit;
|
|
3213
|
+
font-size: inherit;
|
|
3214
|
+
position: absolute;
|
|
3215
|
+
cursor: pointer;
|
|
3216
|
+
}
|
|
3124
3217
|
|
|
3125
3218
|
.ab-Dropdown .ab-SimpleButton {
|
|
3126
|
-
|
|
3219
|
+
color: var(--ab-cmp-dropdown__color) !important;
|
|
3220
|
+
}
|
|
3127
3221
|
|
|
3128
3222
|
.ab-DropdownButton {
|
|
3129
3223
|
position: relative;
|
|
3130
3224
|
overflow: visible;
|
|
3131
3225
|
outline: none;
|
|
3132
|
-
--ab-overlay-horizontal-align: left;
|
|
3226
|
+
--ab-overlay-horizontal-align: left;
|
|
3227
|
+
}
|
|
3133
3228
|
|
|
3134
3229
|
.ab-DropdownButton__list {
|
|
3135
3230
|
text-align: start;
|
|
@@ -3139,36 +3234,44 @@ template {
|
|
|
3139
3234
|
border: var(--ab-cmp-dropdownbutton-list__border);
|
|
3140
3235
|
border-radius: var(--ab-cmp-dropdownbutton-list__border-radius);
|
|
3141
3236
|
z-index: var(--ab-cmp-dropdownbutton-list__z-index);
|
|
3142
|
-
background: var(--ab-cmp-dropdownbutton-list__background);
|
|
3237
|
+
background: var(--ab-cmp-dropdownbutton-list__background);
|
|
3238
|
+
}
|
|
3143
3239
|
|
|
3144
3240
|
.ab-DropdownButton__content {
|
|
3145
3241
|
font-family: var(--ab__font-family);
|
|
3146
3242
|
font-size: var(--ab-font-size-2);
|
|
3147
3243
|
max-width: 100%;
|
|
3148
3244
|
width: 100%;
|
|
3149
|
-
border-spacing: 0;
|
|
3245
|
+
border-spacing: 0;
|
|
3246
|
+
}
|
|
3150
3247
|
|
|
3151
3248
|
.ab-DropdownButton__list-item {
|
|
3152
3249
|
fill: currentColor;
|
|
3153
|
-
color: var(--ab-cmp-dropdownbutton-list-item__color);
|
|
3250
|
+
color: var(--ab-cmp-dropdownbutton-list-item__color);
|
|
3251
|
+
}
|
|
3154
3252
|
|
|
3155
3253
|
.ab-DropdownButton__list-item--disabled {
|
|
3156
|
-
|
|
3254
|
+
opacity: 0.5;
|
|
3255
|
+
}
|
|
3157
3256
|
|
|
3158
3257
|
.ab-DropdownButton__list-item--not-clickable {
|
|
3159
|
-
cursor: auto;
|
|
3258
|
+
cursor: auto;
|
|
3259
|
+
}
|
|
3160
3260
|
|
|
3161
3261
|
.ab-DropdownButton__list-item--clickable:hover {
|
|
3162
3262
|
background: var(--ab-cmp-dropdownbutton-list-item-hover__background);
|
|
3163
3263
|
color: var(--ab-cmp-dropdownbutton-list-item-hover__color);
|
|
3164
3264
|
fill: currentColor;
|
|
3165
|
-
cursor: pointer;
|
|
3265
|
+
cursor: pointer;
|
|
3266
|
+
}
|
|
3166
3267
|
|
|
3167
3268
|
.ab-DropdownButton__list-item--clickable:hover .glyphicon.glyphicon {
|
|
3168
|
-
|
|
3269
|
+
color: inherit;
|
|
3270
|
+
}
|
|
3169
3271
|
|
|
3170
3272
|
.ab-DropdownButton__separator td {
|
|
3171
|
-
border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border);
|
|
3273
|
+
border-bottom: var(--ab-cmp-dropdownbutton-list-separator__border);
|
|
3274
|
+
}
|
|
3172
3275
|
|
|
3173
3276
|
.ab-EmptyContent {
|
|
3174
3277
|
position: absolute;
|
|
@@ -3178,21 +3281,25 @@ template {
|
|
|
3178
3281
|
right: 0;
|
|
3179
3282
|
font-size: var(--ab-font-size-3);
|
|
3180
3283
|
text-align: center;
|
|
3181
|
-
padding: var(--ab-space-4);
|
|
3284
|
+
padding: var(--ab-space-4);
|
|
3285
|
+
}
|
|
3182
3286
|
|
|
3183
3287
|
.ab-EmptyContent p {
|
|
3184
|
-
|
|
3288
|
+
color: var(--ab-color-text-on-primary);
|
|
3289
|
+
}
|
|
3185
3290
|
|
|
3186
3291
|
.ab-EmptyContent__wrapper {
|
|
3187
3292
|
position: relative;
|
|
3188
3293
|
width: 100%;
|
|
3189
|
-
height: 100%;
|
|
3294
|
+
height: 100%;
|
|
3295
|
+
}
|
|
3190
3296
|
|
|
3191
3297
|
.ab-ErrorBox {
|
|
3192
3298
|
padding: var(--ab-cmp-error-box__padding);
|
|
3193
3299
|
border-radius: var(--ab-cmp-error-box__border-radius);
|
|
3194
3300
|
background: var(--ab-cmp-error-box__background);
|
|
3195
|
-
color: var(--ab-cmp-error-box__color);
|
|
3301
|
+
color: var(--ab-cmp-error-box__color);
|
|
3302
|
+
}
|
|
3196
3303
|
|
|
3197
3304
|
.ab-FieldWrap {
|
|
3198
3305
|
border: 1px solid var(--ab-color-inputborder);
|
|
@@ -3200,47 +3307,53 @@ template {
|
|
|
3200
3307
|
border-radius: var(--ab-cmp-field-wrap__border-radius);
|
|
3201
3308
|
background: var(--ab-cmp-field-wrap__background);
|
|
3202
3309
|
overflow: hidden;
|
|
3203
|
-
fill: var(--ab-cmp-field-wrap__fill);
|
|
3310
|
+
fill: var(--ab-cmp-field-wrap__fill);
|
|
3311
|
+
}
|
|
3204
3312
|
|
|
3205
3313
|
.ab-FieldWrap:focus-within {
|
|
3206
|
-
|
|
3314
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
3315
|
+
}
|
|
3207
3316
|
|
|
3208
|
-
.ab-FieldWrap input,
|
|
3209
|
-
|
|
3210
|
-
|
|
3211
|
-
|
|
3212
|
-
flex: 1; }
|
|
3317
|
+
.ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap > * {
|
|
3318
|
+
border: none;
|
|
3319
|
+
flex: 1;
|
|
3320
|
+
}
|
|
3213
3321
|
|
|
3214
|
-
.ab-FieldWrap input,
|
|
3215
|
-
|
|
3216
|
-
|
|
3217
|
-
|
|
3218
|
-
box-shadow: none !important; }
|
|
3322
|
+
.ab-FieldWrap input, .ab-FieldWrap select, .ab-FieldWrap .ab-Dropdown {
|
|
3323
|
+
outline: none !important;
|
|
3324
|
+
box-shadow: none !important;
|
|
3325
|
+
}
|
|
3219
3326
|
|
|
3220
3327
|
.ab-FormLayout {
|
|
3221
3328
|
display: grid;
|
|
3222
|
-
align-items: center;
|
|
3329
|
+
align-items: center;
|
|
3330
|
+
}
|
|
3223
3331
|
|
|
3224
3332
|
.ab-FormLayout_column--label {
|
|
3225
|
-
text-align: end;
|
|
3333
|
+
text-align: end;
|
|
3334
|
+
}
|
|
3226
3335
|
|
|
3227
3336
|
.ab-HelpBlock {
|
|
3228
3337
|
padding: var(--ab-cmp-help-block__padding);
|
|
3229
3338
|
background: var(--ab-cmp-help-block__background);
|
|
3230
3339
|
border-radius: var(--ab-cmp-help-block__border-radius);
|
|
3231
|
-
color: var(--ab-cmp-help-block__color);
|
|
3340
|
+
color: var(--ab-cmp-help-block__color);
|
|
3341
|
+
}
|
|
3232
3342
|
|
|
3233
3343
|
.ab-CodeBlock {
|
|
3234
3344
|
padding: var(--ab-cmp-code-block__padding);
|
|
3235
3345
|
background: var(--ab-cmp-code-block__background);
|
|
3236
3346
|
border-radius: var(--ab-cmp-code-block__border-radius);
|
|
3237
|
-
color: var(--ab-cmp-code-block__color);
|
|
3347
|
+
color: var(--ab-cmp-code-block__color);
|
|
3348
|
+
}
|
|
3238
3349
|
|
|
3239
3350
|
input.ab-Input {
|
|
3240
|
-
background: var(--ab-cmp-input__background);
|
|
3351
|
+
background: var(--ab-cmp-input__background);
|
|
3352
|
+
}
|
|
3241
3353
|
|
|
3242
3354
|
input.ab-Input[disabled] {
|
|
3243
|
-
|
|
3355
|
+
background: var(--ab-cmp-input--disabled__background);
|
|
3356
|
+
}
|
|
3244
3357
|
|
|
3245
3358
|
.ab-Input {
|
|
3246
3359
|
position: relative;
|
|
@@ -3255,40 +3368,48 @@ input.ab-Input[disabled] {
|
|
|
3255
3368
|
/* Firefox 19+ */
|
|
3256
3369
|
/* IE 10-11 */
|
|
3257
3370
|
/* Edge */
|
|
3258
|
-
/* MODERN BROWSER */
|
|
3371
|
+
/* MODERN BROWSER */
|
|
3372
|
+
}
|
|
3259
3373
|
|
|
3260
3374
|
.ab-Input:focus {
|
|
3261
|
-
|
|
3262
|
-
|
|
3375
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
3376
|
+
outline: var(--ab-focus__outline);
|
|
3377
|
+
}
|
|
3263
3378
|
|
|
3264
3379
|
.ab-Input::-webkit-input-placeholder {
|
|
3265
|
-
|
|
3266
|
-
|
|
3380
|
+
color: var(--ab-cmp-input--placeholder__color);
|
|
3381
|
+
opacity: var(--ab-cmp-input--placeholder__opacity);
|
|
3382
|
+
}
|
|
3267
3383
|
|
|
3268
3384
|
.ab-Input:-moz-placeholder {
|
|
3269
|
-
|
|
3270
|
-
|
|
3385
|
+
color: var(--ab-cmp-input--placeholder__color);
|
|
3386
|
+
opacity: var(--ab-cmp-input--placeholder__opacity);
|
|
3387
|
+
}
|
|
3271
3388
|
|
|
3272
3389
|
.ab-Input::-moz-placeholder {
|
|
3273
|
-
|
|
3274
|
-
|
|
3390
|
+
color: var(--ab-cmp-input--placeholder__color);
|
|
3391
|
+
opacity: var(--ab-cmp-input--placeholder__opacity);
|
|
3392
|
+
}
|
|
3275
3393
|
|
|
3276
3394
|
.ab-Input:-ms-input-placeholder {
|
|
3277
|
-
|
|
3278
|
-
|
|
3395
|
+
color: var(--ab-cmp-input--placeholder__color);
|
|
3396
|
+
opacity: var(--ab-cmp-input--placeholder__opacity);
|
|
3397
|
+
}
|
|
3279
3398
|
|
|
3280
3399
|
.ab-Input::-ms-input-placeholder {
|
|
3281
|
-
|
|
3282
|
-
|
|
3400
|
+
color: var(--ab-cmp-input--placeholder__color);
|
|
3401
|
+
opacity: var(--ab-cmp-input--placeholder__opacity);
|
|
3402
|
+
}
|
|
3283
3403
|
|
|
3284
3404
|
.ab-Input::placeholder {
|
|
3285
|
-
|
|
3286
|
-
|
|
3405
|
+
color: var(--ab-cmp-input--placeholder__color);
|
|
3406
|
+
opacity: var(--ab-cmp-input--placeholder__opacity);
|
|
3407
|
+
}
|
|
3287
3408
|
|
|
3288
3409
|
/* Spin Buttons modified */
|
|
3289
3410
|
|
|
3290
|
-
input[type=
|
|
3291
|
-
input[type=
|
|
3411
|
+
input[type=number].ab-Input::-webkit-outer-spin-button,
|
|
3412
|
+
input[type=number].ab-Input::-webkit-inner-spin-button {
|
|
3292
3413
|
-webkit-appearance: none;
|
|
3293
3414
|
width: 1em;
|
|
3294
3415
|
opacity: 0;
|
|
@@ -3296,17 +3417,20 @@ input[type='number'].ab-Input::-webkit-inner-spin-button {
|
|
|
3296
3417
|
top: 0;
|
|
3297
3418
|
right: 0;
|
|
3298
3419
|
bottom: 0;
|
|
3299
|
-
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="4 0 18 18" version="1.1"><path fill="%23656565" d="M7 10l5 5 5-5z" transform="translate(0, 2)"/><path fill="%23656565" d="M7 14l5-5 5 5z" transform="translate(0, -6)"/></svg>') no-repeat center center;
|
|
3420
|
+
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="4 0 18 18" version="1.1"><path fill="%23656565" d="M7 10l5 5 5-5z" transform="translate(0, 2)"/><path fill="%23656565" d="M7 14l5-5 5 5z" transform="translate(0, -6)"/></svg>') no-repeat center center;
|
|
3421
|
+
}
|
|
3300
3422
|
|
|
3301
|
-
input[type=
|
|
3302
|
-
input[type=
|
|
3303
|
-
input[type=
|
|
3304
|
-
opacity: 1;
|
|
3423
|
+
input[type=number].ab-Input:focus::-webkit-inner-spin-button, input[type=number].ab-Input:focus::-webkit-inner-spin-button:active,
|
|
3424
|
+
input[type=number].ab-Input:hover::-webkit-inner-spin-button,
|
|
3425
|
+
input[type=number].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
3426
|
+
opacity: 1;
|
|
3427
|
+
}
|
|
3305
3428
|
|
|
3306
3429
|
.ab-ListGroup {
|
|
3307
3430
|
display: flex;
|
|
3308
3431
|
flex-flow: column;
|
|
3309
|
-
align-items: flex-start;
|
|
3432
|
+
align-items: flex-start;
|
|
3433
|
+
}
|
|
3310
3434
|
|
|
3311
3435
|
:root {
|
|
3312
3436
|
--ab-cmp-listgroupitem__width: 100%;
|
|
@@ -3316,7 +3440,8 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3316
3440
|
--ab-cmp-listgroupitem--odd__background: var(--ab-color-primarylight);
|
|
3317
3441
|
--ab-cmp-listgroupitem--odd__color: var(--ab-color-text-on-primary);
|
|
3318
3442
|
--ab-cmp-listgroupitem--active__background: var(--ab-color-secondarylight);
|
|
3319
|
-
--ab-cmp-listgroupitem--active__color: var(--ab-color-text-on-secondarylight);
|
|
3443
|
+
--ab-cmp-listgroupitem--active__color: var(--ab-color-text-on-secondarylight);
|
|
3444
|
+
}
|
|
3320
3445
|
|
|
3321
3446
|
.ab-Modal {
|
|
3322
3447
|
position: fixed;
|
|
@@ -3325,10 +3450,12 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3325
3450
|
right: 0;
|
|
3326
3451
|
bottom: 0;
|
|
3327
3452
|
z-index: 1000;
|
|
3328
|
-
font-family: var(--ab__font-family);
|
|
3453
|
+
font-family: var(--ab__font-family);
|
|
3454
|
+
}
|
|
3329
3455
|
|
|
3330
3456
|
.ab-Modal.ab-Modal--resizable-and-movable {
|
|
3331
|
-
position: relative;
|
|
3457
|
+
position: relative;
|
|
3458
|
+
}
|
|
3332
3459
|
|
|
3333
3460
|
.ab-Modal-backdrop {
|
|
3334
3461
|
background: var(--ab-cmp-modal-backdrop__background);
|
|
@@ -3337,68 +3464,81 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3337
3464
|
left: 0;
|
|
3338
3465
|
right: 0;
|
|
3339
3466
|
top: 0;
|
|
3340
|
-
bottom: 0;
|
|
3467
|
+
bottom: 0;
|
|
3468
|
+
}
|
|
3341
3469
|
|
|
3342
3470
|
.ab-Tabs {
|
|
3343
3471
|
display: flex;
|
|
3344
|
-
flex-direction: column;
|
|
3472
|
+
flex-direction: column;
|
|
3473
|
+
}
|
|
3345
3474
|
|
|
3346
|
-
.ab-Tabs[data-selected-index=
|
|
3475
|
+
.ab-Tabs[data-selected-index="0"] .ab-Tabs__Filler:first-child,
|
|
3347
3476
|
.ab-Tabs__Tab--before-active {
|
|
3348
|
-
border-bottom-right-radius: var(--ab__border-radius);
|
|
3477
|
+
border-bottom-right-radius: var(--ab__border-radius);
|
|
3478
|
+
}
|
|
3349
3479
|
|
|
3350
3480
|
.ab-Tabs__Strip {
|
|
3351
3481
|
z-index: 10;
|
|
3352
|
-
overflow: visible;
|
|
3482
|
+
overflow: visible;
|
|
3483
|
+
}
|
|
3353
3484
|
|
|
3354
3485
|
.ab-Tabs__Tab {
|
|
3355
3486
|
cursor: pointer;
|
|
3356
|
-
background: var(--ab-cmp-tabs-strip__background);
|
|
3487
|
+
background: var(--ab-cmp-tabs-strip__background);
|
|
3488
|
+
}
|
|
3357
3489
|
|
|
3358
3490
|
.ab-Tabs__Tab:focus {
|
|
3359
|
-
|
|
3491
|
+
outline: none;
|
|
3492
|
+
}
|
|
3360
3493
|
|
|
3361
3494
|
.ab-Tabs__Tab:focus:after {
|
|
3362
|
-
|
|
3495
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
3496
|
+
}
|
|
3363
3497
|
|
|
3364
3498
|
.ab-Tabs__Filler {
|
|
3365
|
-
background: var(--ab-cmp-tabs-strip__background);
|
|
3499
|
+
background: var(--ab-cmp-tabs-strip__background);
|
|
3500
|
+
}
|
|
3366
3501
|
|
|
3367
3502
|
.ab-Tabs__Tab--active + .ab-Tabs__Filler,
|
|
3368
3503
|
.ab-Tabs__Tab--active + .ab-Tabs__Tab {
|
|
3369
|
-
border-bottom-left-radius: var(--ab__border-radius);
|
|
3504
|
+
border-bottom-left-radius: var(--ab__border-radius);
|
|
3505
|
+
}
|
|
3370
3506
|
|
|
3371
3507
|
.ab-Tabs__Tab--active {
|
|
3372
3508
|
position: relative;
|
|
3373
|
-
z-index: 30;
|
|
3509
|
+
z-index: 30;
|
|
3510
|
+
}
|
|
3374
3511
|
|
|
3375
3512
|
.ab-Tabs__Tab--active:after {
|
|
3376
|
-
|
|
3377
|
-
|
|
3378
|
-
|
|
3379
|
-
|
|
3380
|
-
|
|
3381
|
-
|
|
3382
|
-
|
|
3383
|
-
|
|
3384
|
-
|
|
3385
|
-
|
|
3513
|
+
content: "";
|
|
3514
|
+
pointer-events: none;
|
|
3515
|
+
position: absolute;
|
|
3516
|
+
top: 0;
|
|
3517
|
+
bottom: 5px;
|
|
3518
|
+
right: 0;
|
|
3519
|
+
left: 0;
|
|
3520
|
+
z-index: -2;
|
|
3521
|
+
border-top-left-radius: var(--ab__border-radius);
|
|
3522
|
+
border-top-right-radius: var(--ab__border-radius);
|
|
3523
|
+
}
|
|
3386
3524
|
|
|
3387
3525
|
.ab-Tabs__Tab--active:before {
|
|
3388
|
-
|
|
3389
|
-
|
|
3390
|
-
|
|
3391
|
-
|
|
3392
|
-
|
|
3393
|
-
|
|
3394
|
-
|
|
3395
|
-
|
|
3396
|
-
|
|
3397
|
-
|
|
3398
|
-
|
|
3526
|
+
content: "";
|
|
3527
|
+
position: absolute;
|
|
3528
|
+
pointer-events: none;
|
|
3529
|
+
border-top-left-radius: var(--ab__border-radius);
|
|
3530
|
+
border-top-right-radius: var(--ab__border-radius);
|
|
3531
|
+
z-index: -1;
|
|
3532
|
+
left: 0;
|
|
3533
|
+
top: 0;
|
|
3534
|
+
width: 100%;
|
|
3535
|
+
height: 100%;
|
|
3536
|
+
background: var(--ab-cmp-tabs-active__background);
|
|
3537
|
+
}
|
|
3399
3538
|
|
|
3400
3539
|
.ab-Tabs__Strip {
|
|
3401
|
-
background: var(--ab-cmp-tabs-active__background);
|
|
3540
|
+
background: var(--ab-cmp-tabs-active__background);
|
|
3541
|
+
}
|
|
3402
3542
|
|
|
3403
3543
|
.ab-Tabs__Body {
|
|
3404
3544
|
background: var(--ab-cmp-tabs-active__background);
|
|
@@ -3406,76 +3546,91 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3406
3546
|
flex: 1;
|
|
3407
3547
|
overflow: auto;
|
|
3408
3548
|
display: flex;
|
|
3409
|
-
flex-flow: column;
|
|
3549
|
+
flex-flow: column;
|
|
3550
|
+
}
|
|
3410
3551
|
|
|
3411
|
-
.ab-Tabs[data-selected-index=
|
|
3412
|
-
border-top-left-radius: 0;
|
|
3552
|
+
.ab-Tabs[data-selected-index="0"] .ab-Tabs__Body {
|
|
3553
|
+
border-top-left-radius: 0;
|
|
3554
|
+
}
|
|
3413
3555
|
|
|
3414
3556
|
.ab-Panel {
|
|
3415
3557
|
display: flex;
|
|
3416
3558
|
flex-flow: column;
|
|
3417
3559
|
max-height: var(--ab-cmp-panel__max-height);
|
|
3418
3560
|
overflow: auto;
|
|
3419
|
-
font-size: var(--ab-cmp-panel__font-size);
|
|
3561
|
+
font-size: var(--ab-cmp-panel__font-size);
|
|
3562
|
+
}
|
|
3420
3563
|
|
|
3421
3564
|
.ab-Panel .glyphicon {
|
|
3422
|
-
|
|
3423
|
-
|
|
3565
|
+
-webkit-text-fill-color: var(--ab-cmp-panel-icon__fill);
|
|
3566
|
+
fill: var(--ab-cmp-panel-icon__fill);
|
|
3567
|
+
}
|
|
3424
3568
|
|
|
3425
3569
|
.ab-Panel--variant-modern {
|
|
3426
|
-
|
|
3570
|
+
--ab-cmp-panel__border-radius: var(--ab-space-1);
|
|
3571
|
+
}
|
|
3427
3572
|
|
|
3428
3573
|
.ab-Panel__header {
|
|
3429
|
-
|
|
3430
|
-
|
|
3431
|
-
|
|
3432
|
-
|
|
3433
|
-
|
|
3434
|
-
|
|
3435
|
-
|
|
3436
|
-
|
|
3574
|
+
flex: none;
|
|
3575
|
+
background: var(--ab-cmp-panel_header__background);
|
|
3576
|
+
color: var(--ab-cmp-panel_header__color);
|
|
3577
|
+
font-size: var(--ab-cmp-panel_header__font-size);
|
|
3578
|
+
padding: var(--ab-cmp-panel_header__padding);
|
|
3579
|
+
border-top-left-radius: var(--ab-cmp-panel__border-radius);
|
|
3580
|
+
border-top-right-radius: var(--ab-cmp-panel__border-radius);
|
|
3581
|
+
border: var(--ab-cmp-panel__border);
|
|
3582
|
+
}
|
|
3437
3583
|
|
|
3438
3584
|
.ab-Panel__header--variant-primary {
|
|
3439
|
-
|
|
3440
|
-
|
|
3441
|
-
|
|
3585
|
+
background: var(--ab-cmp-panel_header--variant-primary__background);
|
|
3586
|
+
color: var(--ab-cmp-panel_header--variant-primary__color);
|
|
3587
|
+
fill: currentColor;
|
|
3588
|
+
}
|
|
3442
3589
|
|
|
3443
3590
|
.ab-Panel__header--variant-modern {
|
|
3444
|
-
|
|
3445
|
-
|
|
3446
|
-
|
|
3591
|
+
border: none;
|
|
3592
|
+
background: var(--ab-cmp-panel_header--variant-modern__background);
|
|
3593
|
+
}
|
|
3594
|
+
|
|
3447
3595
|
.ab-Panel__body {
|
|
3448
|
-
|
|
3449
|
-
|
|
3450
|
-
|
|
3451
|
-
|
|
3452
|
-
|
|
3453
|
-
|
|
3454
|
-
|
|
3455
|
-
|
|
3596
|
+
position: relative;
|
|
3597
|
+
padding: var(--ab-cmp-panel__padding);
|
|
3598
|
+
border: var(--ab-cmp-panel__border);
|
|
3599
|
+
background: var(--ab-cmp-panel_body__background);
|
|
3600
|
+
color: var(--ab-cmp-panel_body__color);
|
|
3601
|
+
flex: 1;
|
|
3602
|
+
border-bottom-left-radius: var(--ab-cmp-panel__border-radius);
|
|
3603
|
+
border-bottom-right-radius: var(--ab-cmp-panel__border-radius);
|
|
3604
|
+
}
|
|
3456
3605
|
|
|
3457
3606
|
.ab-Panel__body--scroll-auto {
|
|
3458
|
-
|
|
3607
|
+
overflow: auto;
|
|
3608
|
+
}
|
|
3459
3609
|
|
|
3460
3610
|
.ab-Panel__body--variant-modern {
|
|
3461
|
-
|
|
3462
|
-
|
|
3611
|
+
border: none;
|
|
3612
|
+
background: var(--ab-cmp-panel_body--variant-modern__background);
|
|
3613
|
+
}
|
|
3463
3614
|
|
|
3464
3615
|
.ab-Panel--with-header > .ab-Panel__body {
|
|
3465
|
-
|
|
3616
|
+
border-top: none;
|
|
3617
|
+
}
|
|
3466
3618
|
|
|
3467
3619
|
.ab-Panel--no-header > .ab-Panel__body {
|
|
3468
|
-
|
|
3469
|
-
|
|
3620
|
+
border-top-left-radius: var(--ab-cmp-panel__border-radius);
|
|
3621
|
+
border-top-right-radius: var(--ab-cmp-panel__border-radius);
|
|
3622
|
+
}
|
|
3470
3623
|
|
|
3471
3624
|
.ab-SimpleButton {
|
|
3472
3625
|
padding: var(--ab-cmp-simple-button__padding);
|
|
3473
3626
|
font-family: var(--ab-cmp-simple-button__font-family);
|
|
3474
|
-
font-size: var(--ab-cmp-simple-button__font-size);
|
|
3627
|
+
font-size: var(--ab-cmp-simple-button__font-size);
|
|
3628
|
+
}
|
|
3475
3629
|
|
|
3476
3630
|
.ab-SimpleButton:focus {
|
|
3477
|
-
|
|
3478
|
-
|
|
3631
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
3632
|
+
outline: var(--ab-focus__outline);
|
|
3633
|
+
}
|
|
3479
3634
|
|
|
3480
3635
|
.ab-SimpleButton.ab-SimpleButton {
|
|
3481
3636
|
vertical-align: middle;
|
|
@@ -3487,143 +3642,182 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3487
3642
|
flex-flow: row;
|
|
3488
3643
|
flex: none;
|
|
3489
3644
|
align-items: center;
|
|
3490
|
-
fill: currentColor;
|
|
3645
|
+
fill: currentColor;
|
|
3646
|
+
}
|
|
3491
3647
|
|
|
3492
3648
|
.ab-SimpleButton.ab-SimpleButton > * {
|
|
3493
|
-
|
|
3649
|
+
z-index: 1;
|
|
3650
|
+
}
|
|
3494
3651
|
|
|
3495
3652
|
.ab-SimpleButton.ab-SimpleButton svg {
|
|
3496
|
-
|
|
3653
|
+
vertical-align: middle;
|
|
3654
|
+
}
|
|
3497
3655
|
|
|
3498
3656
|
.ab-SimpleButton.ab-SimpleButton--tone-neutral {
|
|
3499
|
-
|
|
3657
|
+
color: var(--ab-color-text-on-primary);
|
|
3658
|
+
}
|
|
3500
3659
|
|
|
3501
3660
|
.ab-SimpleButton.ab-SimpleButton--tone-none {
|
|
3502
|
-
|
|
3661
|
+
color: inherit;
|
|
3662
|
+
}
|
|
3503
3663
|
|
|
3504
3664
|
.ab-SimpleButton.ab-SimpleButton--tone-success {
|
|
3505
|
-
|
|
3665
|
+
color: var(--ab-color-success);
|
|
3666
|
+
}
|
|
3506
3667
|
|
|
3507
3668
|
.ab-SimpleButton.ab-SimpleButton--tone-accent {
|
|
3508
|
-
|
|
3669
|
+
color: var(--ab-color-text-on-secondary);
|
|
3670
|
+
}
|
|
3509
3671
|
|
|
3510
3672
|
.ab-SimpleButton.ab-SimpleButton--tone-error {
|
|
3511
|
-
|
|
3673
|
+
color: var(--ab-color-error);
|
|
3674
|
+
}
|
|
3512
3675
|
|
|
3513
3676
|
.ab-SimpleButton.ab-SimpleButton--tone-warning {
|
|
3514
|
-
|
|
3677
|
+
color: var(--ab-color-warn);
|
|
3678
|
+
}
|
|
3515
3679
|
|
|
3516
3680
|
.ab-SimpleButton.ab-SimpleButton--tone-info {
|
|
3517
|
-
|
|
3681
|
+
color: var(--ab-color-info);
|
|
3682
|
+
}
|
|
3518
3683
|
|
|
3519
3684
|
.ab-SimpleButton.ab-SimpleButton--disabled {
|
|
3520
|
-
|
|
3685
|
+
opacity: 0.5;
|
|
3686
|
+
}
|
|
3521
3687
|
|
|
3522
3688
|
.ab-SimpleButton.ab-SimpleButton:before {
|
|
3523
|
-
|
|
3524
|
-
|
|
3525
|
-
|
|
3526
|
-
|
|
3527
|
-
|
|
3528
|
-
|
|
3529
|
-
|
|
3530
|
-
|
|
3531
|
-
|
|
3532
|
-
|
|
3689
|
+
content: "";
|
|
3690
|
+
position: absolute;
|
|
3691
|
+
display: block;
|
|
3692
|
+
left: 0;
|
|
3693
|
+
right: 0;
|
|
3694
|
+
top: 0;
|
|
3695
|
+
bottom: 0;
|
|
3696
|
+
pointer-events: none;
|
|
3697
|
+
z-index: 0;
|
|
3698
|
+
border-radius: inherit;
|
|
3699
|
+
}
|
|
3533
3700
|
|
|
3534
3701
|
.ab-SimpleButton.ab-SimpleButton--variant-outlined, .ab-SimpleButton.ab-SimpleButton--variant-text {
|
|
3535
|
-
|
|
3702
|
+
transition: opacity 0.2s;
|
|
3703
|
+
}
|
|
3536
3704
|
|
|
3537
3705
|
.ab-SimpleButton.ab-SimpleButton--variant-outlined:before, .ab-SimpleButton.ab-SimpleButton--variant-text:before {
|
|
3538
|
-
|
|
3539
|
-
|
|
3540
|
-
|
|
3706
|
+
content: "";
|
|
3707
|
+
opacity: 0;
|
|
3708
|
+
transition: opacity 0.2s;
|
|
3709
|
+
}
|
|
3541
3710
|
|
|
3542
3711
|
.ab-SimpleButton.ab-SimpleButton--variant-outlined:hover:not(.ab-SimpleButton--disabled), .ab-SimpleButton.ab-SimpleButton--variant-text:hover:not(.ab-SimpleButton--disabled) {
|
|
3543
|
-
|
|
3712
|
+
cursor: pointer;
|
|
3713
|
+
}
|
|
3544
3714
|
|
|
3545
3715
|
.ab-SimpleButton.ab-SimpleButton--variant-outlined:hover:not(.ab-SimpleButton--disabled):before, .ab-SimpleButton.ab-SimpleButton--variant-text:hover:not(.ab-SimpleButton--disabled):before {
|
|
3546
|
-
|
|
3547
|
-
|
|
3716
|
+
opacity: 0.15;
|
|
3717
|
+
background-color: currentColor;
|
|
3718
|
+
}
|
|
3548
3719
|
|
|
3549
3720
|
.ab-SimpleButton.ab-SimpleButton--variant-text {
|
|
3550
|
-
|
|
3721
|
+
background: transparent;
|
|
3722
|
+
}
|
|
3551
3723
|
|
|
3552
3724
|
.ab-SimpleButton.ab-SimpleButton--variant-outlined {
|
|
3553
|
-
|
|
3554
|
-
|
|
3725
|
+
background: var(--ab-cmp-simple-button--outlined__background);
|
|
3726
|
+
border: var(--ab-cmp-simple-button--outlined__border);
|
|
3727
|
+
}
|
|
3555
3728
|
|
|
3556
3729
|
.ab-SimpleButton.ab-SimpleButton--variant-raised {
|
|
3557
|
-
|
|
3558
|
-
|
|
3559
|
-
|
|
3730
|
+
color: var(--ab-color-text-on-primary);
|
|
3731
|
+
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
|
3732
|
+
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
3733
|
+
}
|
|
3560
3734
|
|
|
3561
3735
|
.ab-SimpleButton.ab-SimpleButton--variant-raised:focus {
|
|
3562
|
-
|
|
3736
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
3737
|
+
}
|
|
3563
3738
|
|
|
3564
3739
|
.ab-SimpleButton.ab-SimpleButton--variant-raised:hover {
|
|
3565
|
-
|
|
3740
|
+
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
|
|
3741
|
+
}
|
|
3566
3742
|
|
|
3567
3743
|
.ab-SimpleButton.ab-SimpleButton--variant-raised:hover:not(.ab-SimpleButton--disabled) {
|
|
3568
|
-
|
|
3744
|
+
cursor: pointer;
|
|
3745
|
+
}
|
|
3569
3746
|
|
|
3570
3747
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-success {
|
|
3571
|
-
|
|
3572
|
-
|
|
3748
|
+
background: var(--ab-color-success);
|
|
3749
|
+
color: var(--ab-color-text-on-success);
|
|
3750
|
+
}
|
|
3573
3751
|
|
|
3574
3752
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-success:not(.ab-SimpleButton--disabled) {
|
|
3575
|
-
|
|
3753
|
+
opacity: 1;
|
|
3754
|
+
}
|
|
3576
3755
|
|
|
3577
3756
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-accent {
|
|
3578
|
-
|
|
3579
|
-
|
|
3757
|
+
background: var(--ab-color-secondary);
|
|
3758
|
+
color: var(--ab-color-text-on-secondary);
|
|
3759
|
+
}
|
|
3580
3760
|
|
|
3581
3761
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-accent:not(.ab-SimpleButton--disabled) {
|
|
3582
|
-
|
|
3762
|
+
opacity: 1;
|
|
3763
|
+
}
|
|
3583
3764
|
|
|
3584
3765
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-none {
|
|
3585
|
-
|
|
3766
|
+
background: transparent;
|
|
3767
|
+
}
|
|
3586
3768
|
|
|
3587
3769
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-none:not(.ab-SimpleButton--disabled) {
|
|
3588
|
-
|
|
3770
|
+
opacity: 1;
|
|
3771
|
+
}
|
|
3589
3772
|
|
|
3590
3773
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-neutral {
|
|
3591
|
-
|
|
3592
|
-
|
|
3774
|
+
background: var(--ab-color-primary);
|
|
3775
|
+
color: var(--ab-color-text-on-primary);
|
|
3776
|
+
}
|
|
3593
3777
|
|
|
3594
3778
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-neutral:not(.ab-SimpleButton--disabled) {
|
|
3595
|
-
|
|
3779
|
+
opacity: 1;
|
|
3780
|
+
}
|
|
3596
3781
|
|
|
3597
3782
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-error {
|
|
3598
|
-
|
|
3599
|
-
|
|
3783
|
+
background: var(--ab-color-error);
|
|
3784
|
+
color: var(--ab-color-text-on-error);
|
|
3785
|
+
}
|
|
3600
3786
|
|
|
3601
3787
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-error:not(.ab-SimpleButton--disabled) {
|
|
3602
|
-
|
|
3788
|
+
opacity: 1;
|
|
3789
|
+
}
|
|
3603
3790
|
|
|
3604
3791
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-warning {
|
|
3605
|
-
|
|
3606
|
-
|
|
3792
|
+
background: var(--ab-color-warn);
|
|
3793
|
+
color: var(--ab-color-text-on-warn);
|
|
3794
|
+
}
|
|
3607
3795
|
|
|
3608
3796
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-warning:not(.ab-SimpleButton--disabled) {
|
|
3609
|
-
|
|
3797
|
+
opacity: 1;
|
|
3798
|
+
}
|
|
3610
3799
|
|
|
3611
3800
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-info {
|
|
3612
|
-
|
|
3613
|
-
|
|
3801
|
+
background: var(--ab-color-info);
|
|
3802
|
+
color: var(--ab-color-text-on-info);
|
|
3803
|
+
}
|
|
3614
3804
|
|
|
3615
3805
|
.ab-SimpleButton.ab-SimpleButton--variant-raised.ab-SimpleButton--tone-info:not(.ab-SimpleButton--disabled) {
|
|
3616
|
-
|
|
3806
|
+
opacity: 1;
|
|
3807
|
+
}
|
|
3617
3808
|
|
|
3618
3809
|
.ab-SimpleButton.ab-SimpleButton--font-weight\=normal {
|
|
3619
|
-
font-weight: normal;
|
|
3810
|
+
font-weight: normal;
|
|
3811
|
+
}
|
|
3620
3812
|
|
|
3621
3813
|
.ab-SimpleButton.ab-SimpleButton--font-weight\=bold,
|
|
3622
3814
|
.ab-SimpleButton.ab-SimpleButton--font-weight\=700 {
|
|
3623
|
-
font-weight: 700;
|
|
3815
|
+
font-weight: 700;
|
|
3816
|
+
}
|
|
3624
3817
|
|
|
3625
3818
|
.ab-SimpleButton.ab-SimpleButton--font-weight\=bolder {
|
|
3626
|
-
font-weight: 800;
|
|
3819
|
+
font-weight: 800;
|
|
3820
|
+
}
|
|
3627
3821
|
|
|
3628
3822
|
.ab-Textarea {
|
|
3629
3823
|
padding: var(--ab-cmp-textarea__padding);
|
|
@@ -3632,35 +3826,40 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3632
3826
|
color: var(--ab-cmp-textarea__color);
|
|
3633
3827
|
font-family: var(--ab-cmp-textarea__font-family);
|
|
3634
3828
|
font-size: var(--ab-cmp-textarea__font-size);
|
|
3635
|
-
background: var(--ab-cmp-textarea__background);
|
|
3829
|
+
background: var(--ab-cmp-textarea__background);
|
|
3830
|
+
}
|
|
3636
3831
|
|
|
3637
3832
|
.ab-Textarea[disabled] {
|
|
3638
|
-
|
|
3833
|
+
background: var(--ab-cmp-textarea--disabled__background);
|
|
3834
|
+
}
|
|
3639
3835
|
|
|
3640
3836
|
.ab-Textarea:focus {
|
|
3641
|
-
|
|
3642
|
-
|
|
3837
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
3838
|
+
outline: var(--ab-focus__outline);
|
|
3839
|
+
}
|
|
3643
3840
|
|
|
3644
3841
|
.ab-Tooltip {
|
|
3645
3842
|
pointer-events: none;
|
|
3646
3843
|
padding: var(--ab-space-1) var(--ab-space-2);
|
|
3647
|
-
box-shadow: 2px 2px 10px
|
|
3844
|
+
box-shadow: 2px 2px 10px hsla(0deg, 0%, 0%, 0.1);
|
|
3648
3845
|
white-space: nowrap;
|
|
3649
3846
|
font-size: var(--ab-cmp-tooltip__font-size);
|
|
3650
|
-
color: var(--ab-cmp-tooltip__color);
|
|
3847
|
+
color: var(--ab-cmp-tooltip__color);
|
|
3848
|
+
}
|
|
3651
3849
|
|
|
3652
3850
|
.ab-Tooltip:before {
|
|
3653
|
-
|
|
3654
|
-
|
|
3655
|
-
|
|
3656
|
-
|
|
3657
|
-
|
|
3658
|
-
|
|
3659
|
-
|
|
3660
|
-
|
|
3661
|
-
|
|
3662
|
-
|
|
3663
|
-
|
|
3851
|
+
border: var(--ab-cmp-tooltip__border);
|
|
3852
|
+
content: "";
|
|
3853
|
+
position: absolute;
|
|
3854
|
+
border-radius: var(--ab__border-radius);
|
|
3855
|
+
width: 100%;
|
|
3856
|
+
height: 100%;
|
|
3857
|
+
left: 0;
|
|
3858
|
+
top: 0;
|
|
3859
|
+
opacity: var(--ab-cmp-tooltip__opacity);
|
|
3860
|
+
background: var(--ab-cmp-tooltip__background);
|
|
3861
|
+
z-index: -1;
|
|
3862
|
+
}
|
|
3664
3863
|
|
|
3665
3864
|
.ab-FileDroppable {
|
|
3666
3865
|
align-items: center;
|
|
@@ -3671,187 +3870,224 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3671
3870
|
transition: fill 0.15s ease-in-out, color 0.15s ease-in-out, outline-offset 0.15s ease-in-out, background-color 0.15s linear;
|
|
3672
3871
|
outline: var(--ab-cmp-file-droppable__outline);
|
|
3673
3872
|
outline-offset: var(--ab-cmp-file-droppable__outline-offset);
|
|
3674
|
-
background: var(--ab-cmp-file-droppable__background);
|
|
3873
|
+
background: var(--ab-cmp-file-droppable__background);
|
|
3874
|
+
}
|
|
3675
3875
|
|
|
3676
3876
|
.ab-FileDroppable,
|
|
3677
|
-
|
|
3678
|
-
|
|
3679
|
-
|
|
3680
|
-
|
|
3681
|
-
|
|
3877
|
+
.ab-FileDroppable input,
|
|
3878
|
+
.ab-FileDroppable button,
|
|
3879
|
+
.ab-FileDroppable .ab-SimpleButton {
|
|
3880
|
+
transition: fill 0.15s ease-in-out, color 0.15s ease-in-out, outline-offset 0.15s ease-in-out, background-color 0.15s linear;
|
|
3881
|
+
fill: currentColor;
|
|
3882
|
+
}
|
|
3682
3883
|
|
|
3683
3884
|
.ab-FileDroppable,
|
|
3684
|
-
|
|
3685
|
-
|
|
3686
|
-
|
|
3885
|
+
.ab-FileDroppable input,
|
|
3886
|
+
.ab-FileDroppable button {
|
|
3887
|
+
color: var(--ab-cmp-file-droppable__color);
|
|
3888
|
+
}
|
|
3687
3889
|
|
|
3688
3890
|
.ab-FileDroppable.ab-FileDroppable--drag-over {
|
|
3689
|
-
|
|
3690
|
-
|
|
3691
|
-
|
|
3692
|
-
|
|
3891
|
+
outline-offset: var(--ab-cmp-file-droppable--drag-over__outline-offset);
|
|
3892
|
+
outline: var(--ab-cmp-file-droppable--drag-over__outline);
|
|
3893
|
+
background: var(--ab-cmp-file-droppable--drag-over__background);
|
|
3894
|
+
color: var(--ab-cmp-file-droppable--drag-over__color);
|
|
3895
|
+
}
|
|
3693
3896
|
|
|
3694
3897
|
.ab-FileDroppable.ab-FileDroppable--drag-over * {
|
|
3695
|
-
|
|
3898
|
+
pointer-events: none;
|
|
3899
|
+
}
|
|
3696
3900
|
|
|
3697
3901
|
.ab-FileDroppable,
|
|
3698
|
-
|
|
3699
|
-
|
|
3700
|
-
|
|
3701
|
-
|
|
3902
|
+
.ab-FileDroppable *,
|
|
3903
|
+
.ab-FileDroppable *:before,
|
|
3904
|
+
.ab-FileDroppable *:after {
|
|
3905
|
+
box-sizing: border-box;
|
|
3906
|
+
}
|
|
3702
3907
|
|
|
3703
3908
|
.ab-WizardPanel > .ab-Panel__body {
|
|
3704
3909
|
display: flex;
|
|
3705
|
-
flex-flow: column;
|
|
3910
|
+
flex-flow: column;
|
|
3911
|
+
}
|
|
3706
3912
|
|
|
3707
3913
|
.ab-Dashboard {
|
|
3708
3914
|
z-index: 1000;
|
|
3709
3915
|
user-select: none;
|
|
3710
3916
|
background: var(--ab-dashboard-gap__background);
|
|
3711
3917
|
color: var(--ab-dashboard__color);
|
|
3712
|
-
font-family: var(--ab-dashboard__font-family);
|
|
3918
|
+
font-family: var(--ab-dashboard__font-family);
|
|
3919
|
+
}
|
|
3713
3920
|
|
|
3714
3921
|
.ab-Dashboard--inline:not(.ab-Dashboard--collapsed) {
|
|
3715
|
-
|
|
3922
|
+
display: flex;
|
|
3923
|
+
}
|
|
3716
3924
|
|
|
3717
3925
|
.ab-Dashboard__header {
|
|
3718
|
-
|
|
3719
|
-
|
|
3720
|
-
|
|
3721
|
-
|
|
3722
|
-
|
|
3723
|
-
|
|
3926
|
+
display: flex;
|
|
3927
|
+
align-items: stretch;
|
|
3928
|
+
background: var(--ab-dashboard-header__background);
|
|
3929
|
+
color: var(--ab-dashboard-header__color);
|
|
3930
|
+
height: 40px;
|
|
3931
|
+
padding: 0 var(--ab-space-2);
|
|
3932
|
+
}
|
|
3724
3933
|
|
|
3725
3934
|
.ab-Dashboard__header-left, .ab-Dashboard__header-right {
|
|
3726
|
-
|
|
3727
|
-
|
|
3728
|
-
|
|
3935
|
+
display: flex;
|
|
3936
|
+
align-items: center;
|
|
3937
|
+
flex: 1;
|
|
3938
|
+
}
|
|
3729
3939
|
|
|
3730
3940
|
.ab-Dashboard__header-left {
|
|
3731
|
-
|
|
3941
|
+
justify-content: flex-start;
|
|
3942
|
+
}
|
|
3732
3943
|
|
|
3733
3944
|
.ab-Dashboard__header-right {
|
|
3734
|
-
|
|
3945
|
+
justify-content: flex-end;
|
|
3946
|
+
}
|
|
3735
3947
|
|
|
3736
3948
|
.ab-Dashboard__title {
|
|
3737
|
-
|
|
3738
|
-
|
|
3739
|
-
|
|
3740
|
-
|
|
3741
|
-
|
|
3949
|
+
display: flex;
|
|
3950
|
+
align-items: center;
|
|
3951
|
+
padding: 0 var(--ab-space-3);
|
|
3952
|
+
font-weight: bold;
|
|
3953
|
+
font-size: var(--ab-font-size-4);
|
|
3954
|
+
}
|
|
3742
3955
|
|
|
3743
3956
|
.ab-Dashboard__tabs {
|
|
3744
|
-
|
|
3745
|
-
|
|
3957
|
+
align-self: flex-end;
|
|
3958
|
+
margin-left: var(--ab-space-2);
|
|
3959
|
+
}
|
|
3746
3960
|
|
|
3747
3961
|
.ab-Dashboard__tab {
|
|
3748
|
-
|
|
3749
|
-
|
|
3750
|
-
|
|
3751
|
-
|
|
3752
|
-
|
|
3753
|
-
|
|
3754
|
-
|
|
3755
|
-
|
|
3962
|
+
border: none;
|
|
3963
|
+
outline: none;
|
|
3964
|
+
cursor: pointer;
|
|
3965
|
+
font-size: var(--ab-font-size-3);
|
|
3966
|
+
border-radius: var(--ab__border-radius) var(--ab__border-radius) 0 0;
|
|
3967
|
+
padding: 8px 12px 12px 12px;
|
|
3968
|
+
color: var(--ab-dashboard-header__color);
|
|
3969
|
+
background: var(--ab-dashboard-header__background);
|
|
3970
|
+
}
|
|
3756
3971
|
|
|
3757
3972
|
.ab-Dashboard__tab--active {
|
|
3758
|
-
|
|
3759
|
-
|
|
3973
|
+
color: var(--ab-dashboard__color);
|
|
3974
|
+
background: var(--ab-dashboard__background);
|
|
3975
|
+
}
|
|
3760
3976
|
|
|
3761
3977
|
.ab-Dashboard__content {
|
|
3762
|
-
|
|
3763
|
-
|
|
3764
|
-
|
|
3765
|
-
|
|
3766
|
-
|
|
3767
|
-
|
|
3768
|
-
|
|
3978
|
+
display: flex;
|
|
3979
|
+
grid-gap: var(--ab-dashboard-gap-size);
|
|
3980
|
+
flex-flow: var(--ab-dashboard-wrap);
|
|
3981
|
+
align-items: stretch;
|
|
3982
|
+
flex: 1;
|
|
3983
|
+
overflow-x: auto;
|
|
3984
|
+
padding: var(--ab-dashboard-gap-size);
|
|
3985
|
+
}
|
|
3769
3986
|
|
|
3770
3987
|
.ab-Dashboard__container {
|
|
3771
|
-
|
|
3772
|
-
|
|
3773
|
-
|
|
3988
|
+
display: flex;
|
|
3989
|
+
flex-shrink: 0;
|
|
3990
|
+
background: var(--ab-dashboard__background);
|
|
3991
|
+
}
|
|
3774
3992
|
|
|
3775
3993
|
.ab-Dashboard__content-buttons {
|
|
3776
|
-
|
|
3777
|
-
|
|
3778
|
-
|
|
3779
|
-
|
|
3780
|
-
|
|
3994
|
+
display: flex;
|
|
3995
|
+
flex-direction: column;
|
|
3996
|
+
align-self: stretch;
|
|
3997
|
+
padding: var(--ab-space-2);
|
|
3998
|
+
border-left: 1px solid var(--ab-dashboard__border);
|
|
3999
|
+
}
|
|
3781
4000
|
|
|
3782
4001
|
.ab-Dashboard__toolbar {
|
|
3783
|
-
|
|
3784
|
-
|
|
3785
|
-
|
|
3786
|
-
|
|
4002
|
+
display: flex;
|
|
4003
|
+
flex-direction: column;
|
|
4004
|
+
justify-content: space-between;
|
|
4005
|
+
font-size: var(--ab-font-size-3);
|
|
4006
|
+
}
|
|
3787
4007
|
|
|
3788
4008
|
.ab-Dashboard__toolbar-content {
|
|
3789
|
-
|
|
3790
|
-
|
|
4009
|
+
padding: var(--ab-space-2) var(--ab-space-2) var(--ab-space-1) var(--ab-space-2);
|
|
4010
|
+
display: flex;
|
|
4011
|
+
}
|
|
3791
4012
|
|
|
3792
4013
|
.ab-Dashboard__toolbar-title {
|
|
3793
|
-
|
|
3794
|
-
|
|
3795
|
-
|
|
3796
|
-
|
|
3797
|
-
|
|
3798
|
-
|
|
4014
|
+
display: flex;
|
|
4015
|
+
align-items: center;
|
|
4016
|
+
justify-content: center;
|
|
4017
|
+
font-size: var(--ab-font-size-2);
|
|
4018
|
+
padding: 0 var(--ab-space-1) 2px var(--ab-space-2);
|
|
4019
|
+
opacity: 0.7;
|
|
4020
|
+
}
|
|
3799
4021
|
|
|
3800
4022
|
.ab-Dashboard__toolbar.ab-Dashboard__home-toolbar {
|
|
3801
|
-
|
|
3802
|
-
|
|
3803
|
-
|
|
3804
|
-
|
|
4023
|
+
color: var(--ab-dashboard-header__color);
|
|
4024
|
+
background: var(--ab-dashboard-header__background);
|
|
4025
|
+
padding-top: var(--ab-dashboard-gap-size);
|
|
4026
|
+
padding-bottom: var(--ab-dashboard-gap-size);
|
|
4027
|
+
}
|
|
3805
4028
|
|
|
3806
4029
|
.ab-Dashboard__toolbar.ab-Dashboard__home-toolbar .ab-Dashboard__toolbar-title {
|
|
3807
|
-
|
|
4030
|
+
opacity: 1;
|
|
4031
|
+
}
|
|
3808
4032
|
|
|
3809
4033
|
.ab-Dashboard .ab-Input {
|
|
3810
|
-
|
|
4034
|
+
border: none;
|
|
4035
|
+
}
|
|
3811
4036
|
|
|
3812
4037
|
.ab-Dashboard .ab-DashboardToolbar__Export__wrap {
|
|
3813
|
-
|
|
4038
|
+
white-space: nowrap;
|
|
4039
|
+
}
|
|
3814
4040
|
|
|
3815
4041
|
.ab-Dashboard .ab-DashboardToolbar__QuickSearch__text .ab-Input {
|
|
3816
|
-
|
|
4042
|
+
padding: var(--ab-space-1);
|
|
4043
|
+
}
|
|
3817
4044
|
|
|
3818
4045
|
.ab-Dashboard .ab-StateManagement__Clear-Button,
|
|
3819
|
-
|
|
3820
|
-
|
|
3821
|
-
|
|
4046
|
+
.ab-Dashboard .ab-StateManagement__Load-Button,
|
|
4047
|
+
.ab-Dashboard .ab-StateManagement__Export-Dropdown {
|
|
4048
|
+
margin-left: var(--ab-space-1);
|
|
4049
|
+
}
|
|
3822
4050
|
|
|
3823
4051
|
.ab-GridList {
|
|
3824
|
-
--at-grid__background: transparent;
|
|
4052
|
+
--at-grid__background: transparent;
|
|
4053
|
+
}
|
|
3825
4054
|
|
|
3826
4055
|
.ab-GridList .AT-GridCell_content,
|
|
3827
|
-
|
|
3828
|
-
|
|
3829
|
-
|
|
4056
|
+
.ab-GridList .ab-ListGroupItem,
|
|
4057
|
+
.ab-GridList .AT-GridColumnCell {
|
|
4058
|
+
width: 100%;
|
|
4059
|
+
}
|
|
3830
4060
|
|
|
3831
4061
|
.ab-GridList .AT-GridHeader {
|
|
3832
|
-
|
|
4062
|
+
display: none;
|
|
4063
|
+
}
|
|
3833
4064
|
|
|
3834
4065
|
.ab-GridList.ab-padding-horizontal-0 .AT-GridColumnCell {
|
|
3835
|
-
|
|
3836
|
-
|
|
4066
|
+
padding-left: 0;
|
|
4067
|
+
padding-right: 0;
|
|
4068
|
+
}
|
|
3837
4069
|
|
|
3838
4070
|
.ab-GridList .AT-GridRow--odd {
|
|
3839
4071
|
background: var(--ab-cmp-listgroupitem--odd__background);
|
|
3840
|
-
color: var(--ab-cmp-listgroupitem--odd__color);
|
|
4072
|
+
color: var(--ab-cmp-listgroupitem--odd__color);
|
|
4073
|
+
}
|
|
3841
4074
|
|
|
3842
4075
|
.ab-GridList .AT-GridRow--even {
|
|
3843
4076
|
background: var(--ab-cmp-listgroupitem__background);
|
|
3844
|
-
color: var(--ab-cmp-listgroupitem__color);
|
|
4077
|
+
color: var(--ab-cmp-listgroupitem__color);
|
|
4078
|
+
}
|
|
3845
4079
|
|
|
3846
4080
|
.ab-GridList .ab-ListGroupItem {
|
|
3847
4081
|
--ab-cmp-listgroupitem__background: transparent;
|
|
3848
|
-
--ab-cmp-listgroupitem--odd__background: transparent;
|
|
4082
|
+
--ab-cmp-listgroupitem--odd__background: transparent;
|
|
4083
|
+
}
|
|
3849
4084
|
|
|
3850
4085
|
:root {
|
|
3851
4086
|
--rdp-cell-size: var(--ab-cmp-datepicker__cell-size);
|
|
3852
4087
|
--rdp-accent-color: var(--ab-cmp-datepicker__selected-color);
|
|
3853
4088
|
--rdp-background-color: var(--ab-cmp-datepicker__hover-color);
|
|
3854
|
-
--rdp-outline: 2px solid var(--ab-cmp-datepicker__selected-color);
|
|
4089
|
+
--rdp-outline: 2px solid var(--ab-cmp-datepicker__selected-color);
|
|
4090
|
+
}
|
|
3855
4091
|
|
|
3856
4092
|
.ab-Datepicker-Overlay {
|
|
3857
4093
|
border: var(--ab-cmp-datepicker__border);
|
|
@@ -3859,50 +4095,61 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3859
4095
|
z-index: 1000;
|
|
3860
4096
|
box-shadow: var(--ab-focus__box-shadow);
|
|
3861
4097
|
outline: var(--ab-focus__outline);
|
|
3862
|
-
border-radius: var(--ab__border-radius);
|
|
4098
|
+
border-radius: var(--ab__border-radius);
|
|
4099
|
+
}
|
|
3863
4100
|
|
|
3864
4101
|
.ab-Datepicker-Overlay .rdp {
|
|
3865
|
-
|
|
3866
|
-
|
|
4102
|
+
font-size: var(--ab-cmp-datepicker__font-size);
|
|
4103
|
+
font-family: var(--ab-cmp-datepicker__font-family);
|
|
4104
|
+
}
|
|
3867
4105
|
|
|
3868
4106
|
.ab-Datepicker-Overlay .rdp .rdp-weeknumber,
|
|
3869
|
-
|
|
3870
|
-
|
|
4107
|
+
.ab-Datepicker-Overlay .rdp .rdp-day {
|
|
4108
|
+
border-radius: var(--ab-cmp-datepicker__day-border-radius);
|
|
4109
|
+
}
|
|
3871
4110
|
|
|
3872
4111
|
.ab-Datepicker-Overlay .rdp .rdp-day_selected:not([disabled]),
|
|
3873
|
-
|
|
3874
|
-
|
|
3875
|
-
|
|
3876
|
-
|
|
3877
|
-
|
|
4112
|
+
.ab-Datepicker-Overlay .rdp .rdp-day_selected:focus:not([disabled]),
|
|
4113
|
+
.ab-Datepicker-Overlay .rdp .rdp-day_selected:active:not([disabled]),
|
|
4114
|
+
.ab-Datepicker-Overlay .rdp .rdp-day_selected:hover:not([disabled]) {
|
|
4115
|
+
color: var(--ab-cmp-datepicker__selected-text-color);
|
|
4116
|
+
border-radius: var(--ab-cmp-datepicker__selected-border-radius);
|
|
4117
|
+
}
|
|
3878
4118
|
|
|
3879
4119
|
.ab-Datepicker-Overlay .rdp .rdp-caption_label {
|
|
3880
|
-
|
|
4120
|
+
font-size: 120%;
|
|
4121
|
+
}
|
|
3881
4122
|
|
|
3882
4123
|
.ab-Datepicker-Overlay .rdp .rdp-nav_button {
|
|
3883
|
-
|
|
4124
|
+
color: var(--ab-color-text-on-primary);
|
|
4125
|
+
}
|
|
3884
4126
|
|
|
3885
4127
|
.ab-Datepicker-Overlay .rdp .rdp-table {
|
|
3886
|
-
|
|
3887
|
-
|
|
4128
|
+
width: 100%;
|
|
4129
|
+
max-width: none;
|
|
4130
|
+
}
|
|
3888
4131
|
|
|
3889
4132
|
.ab-Datepicker-Overlay .rdp .rdp-day_outside {
|
|
3890
|
-
|
|
4133
|
+
opacity: 0.4;
|
|
4134
|
+
}
|
|
3891
4135
|
|
|
3892
4136
|
.ab-Datepicker-Overlay .rdp .rdp-day_today {
|
|
3893
|
-
|
|
4137
|
+
border: var(--rdp-outline);
|
|
4138
|
+
}
|
|
3894
4139
|
|
|
3895
4140
|
.ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(8),
|
|
3896
|
-
|
|
3897
|
-
|
|
3898
|
-
|
|
3899
|
-
|
|
3900
|
-
|
|
3901
|
-
|
|
3902
|
-
|
|
4141
|
+
.ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(9),
|
|
4142
|
+
.ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(10),
|
|
4143
|
+
.ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(11),
|
|
4144
|
+
.ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(12),
|
|
4145
|
+
.ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(13),
|
|
4146
|
+
.ab-Datepicker-Overlay .rdp .rdp-row td:nth-child(14) {
|
|
4147
|
+
display: none;
|
|
4148
|
+
}
|
|
3903
4149
|
|
|
3904
4150
|
.ab-Datepicker-Overlay .rdp.rdp-with_weeknumber .rdp-row td:nth-child(8) {
|
|
3905
|
-
|
|
4151
|
+
display: table-cell;
|
|
4152
|
+
}
|
|
3906
4153
|
|
|
3907
4154
|
.ab-ToggleButton {
|
|
3908
4155
|
user-select: none;
|
|
@@ -3910,72 +4157,86 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3910
4157
|
display: inline-block;
|
|
3911
4158
|
min-width: 40px;
|
|
3912
4159
|
width: 77px;
|
|
3913
|
-
height: 32px;
|
|
4160
|
+
height: 32px;
|
|
4161
|
+
}
|
|
3914
4162
|
|
|
3915
4163
|
.ab-ToggleButton:hover:not(.ab-ToggleButton--disabled) {
|
|
3916
|
-
|
|
3917
|
-
|
|
4164
|
+
cursor: pointer;
|
|
4165
|
+
opacity: 0.85;
|
|
4166
|
+
}
|
|
3918
4167
|
|
|
3919
4168
|
.ab-ToggleButton__input {
|
|
3920
|
-
|
|
3921
|
-
|
|
3922
|
-
|
|
4169
|
+
opacity: 0;
|
|
4170
|
+
width: 0;
|
|
4171
|
+
height: 0;
|
|
4172
|
+
}
|
|
3923
4173
|
|
|
3924
4174
|
.ab-ToggleButton__slider {
|
|
3925
|
-
|
|
3926
|
-
|
|
3927
|
-
|
|
3928
|
-
|
|
3929
|
-
|
|
3930
|
-
|
|
3931
|
-
|
|
3932
|
-
|
|
4175
|
+
position: absolute;
|
|
4176
|
+
top: 0;
|
|
4177
|
+
left: 0;
|
|
4178
|
+
right: 0;
|
|
4179
|
+
bottom: 0;
|
|
4180
|
+
background-color: var(--ab-cmp-toggle-button__background);
|
|
4181
|
+
transition: 0.1s;
|
|
4182
|
+
border-radius: var(--ab__border-radius);
|
|
4183
|
+
}
|
|
3933
4184
|
|
|
3934
4185
|
.ab-ToggleButton__slider:before {
|
|
3935
|
-
|
|
3936
|
-
|
|
3937
|
-
|
|
3938
|
-
|
|
3939
|
-
|
|
3940
|
-
|
|
3941
|
-
|
|
3942
|
-
|
|
3943
|
-
|
|
3944
|
-
|
|
4186
|
+
position: absolute;
|
|
4187
|
+
content: "";
|
|
4188
|
+
width: 24px;
|
|
4189
|
+
height: 24px;
|
|
4190
|
+
left: 4px;
|
|
4191
|
+
top: 4px;
|
|
4192
|
+
border-radius: var(--ab__border-radius);
|
|
4193
|
+
background-color: #fff;
|
|
4194
|
+
-webkit-transition: 0.4s;
|
|
4195
|
+
transition: 0.2s;
|
|
4196
|
+
}
|
|
3945
4197
|
|
|
3946
4198
|
.ab-ToggleButton__input:checked + .ab-ToggleButton__slider {
|
|
3947
|
-
|
|
4199
|
+
background-color: var(--ab-cmp-toggle-button--active__background);
|
|
4200
|
+
}
|
|
3948
4201
|
|
|
3949
4202
|
.ab-ToggleButton__input:checked + .ab-ToggleButton__slider:before {
|
|
3950
|
-
|
|
4203
|
+
transform: translateX(45px);
|
|
4204
|
+
}
|
|
3951
4205
|
|
|
3952
4206
|
.ab-ToggleButton__input:focus + .ab-ToggleButton__slider {
|
|
3953
|
-
|
|
4207
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
4208
|
+
}
|
|
3954
4209
|
|
|
3955
4210
|
.ab-ToggleButton__input:disabled + .ab-ToggleButton__slider {
|
|
3956
|
-
|
|
4211
|
+
opacity: 0.5;
|
|
4212
|
+
}
|
|
3957
4213
|
|
|
3958
4214
|
.ab-ToggleButton .ab-ToggleButton__text {
|
|
3959
|
-
|
|
3960
|
-
|
|
3961
|
-
|
|
3962
|
-
|
|
4215
|
+
font-size: var(--ab-cmp-toggle-button__font-size);
|
|
4216
|
+
padding-right: var(--ab-space-2);
|
|
4217
|
+
color: var(--ab-cmp-toggle-button__color);
|
|
4218
|
+
font-weight: 600;
|
|
4219
|
+
}
|
|
3963
4220
|
|
|
3964
4221
|
.ab-ToggleButton--checked .ab-ToggleButton__text {
|
|
3965
|
-
|
|
3966
|
-
|
|
4222
|
+
padding-left: var(--ab-space-2);
|
|
4223
|
+
color: var(--ab-cmp-toggle-button--checked__color);
|
|
4224
|
+
}
|
|
3967
4225
|
|
|
3968
4226
|
.ab-Loader {
|
|
3969
4227
|
font-size: var(--ab-cmp-loader__font-size);
|
|
3970
4228
|
margin-top: 8px;
|
|
3971
|
-
font-style: italic;
|
|
4229
|
+
font-style: italic;
|
|
4230
|
+
}
|
|
3972
4231
|
|
|
3973
4232
|
.ab-Loader__text,
|
|
3974
4233
|
.ab-Loader__Spinner {
|
|
3975
|
-
vertical-align: middle;
|
|
4234
|
+
vertical-align: middle;
|
|
4235
|
+
}
|
|
3976
4236
|
|
|
3977
4237
|
.ab-Loader .ab-Loader__Spinner {
|
|
3978
|
-
margin-right: 5px;
|
|
4238
|
+
margin-right: 5px;
|
|
4239
|
+
}
|
|
3979
4240
|
|
|
3980
4241
|
.ab-Loader__Spinner {
|
|
3981
4242
|
display: inline-block;
|
|
@@ -3985,13 +4246,17 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
3985
4246
|
width: 10px;
|
|
3986
4247
|
height: 10px;
|
|
3987
4248
|
bottom: 0;
|
|
3988
|
-
animation: spin 1.5s linear infinite;
|
|
4249
|
+
animation: spin 1.5s linear infinite;
|
|
4250
|
+
}
|
|
3989
4251
|
|
|
3990
4252
|
@keyframes spin {
|
|
3991
4253
|
0% {
|
|
3992
|
-
transform: rotate(0deg);
|
|
4254
|
+
transform: rotate(0deg);
|
|
4255
|
+
}
|
|
3993
4256
|
100% {
|
|
3994
|
-
transform: rotate(360deg);
|
|
4257
|
+
transform: rotate(360deg);
|
|
4258
|
+
}
|
|
4259
|
+
}
|
|
3995
4260
|
|
|
3996
4261
|
.ab-progress-indicator-wrapper {
|
|
3997
4262
|
align-items: center;
|
|
@@ -4006,30 +4271,35 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
4006
4271
|
opacity: 0;
|
|
4007
4272
|
transition-delay: var(--ab-cmp-progress-indicator__delay);
|
|
4008
4273
|
transition-property: opacity;
|
|
4009
|
-
transition-duration: 0.3s;
|
|
4274
|
+
transition-duration: 0.3s;
|
|
4275
|
+
}
|
|
4010
4276
|
|
|
4011
4277
|
.ab-progress-indicator-wrapper--visible {
|
|
4012
|
-
|
|
4278
|
+
opacity: 1;
|
|
4279
|
+
}
|
|
4013
4280
|
|
|
4014
4281
|
.ab-progress-indicator-wrapper .ab-progress-indicator-body {
|
|
4015
|
-
|
|
4016
|
-
|
|
4017
|
-
|
|
4018
|
-
|
|
4019
|
-
|
|
4020
|
-
|
|
4021
|
-
|
|
4022
|
-
|
|
4023
|
-
|
|
4024
|
-
|
|
4282
|
+
padding: var(--ab-cmp-progress-indicator__padding);
|
|
4283
|
+
background: var(--ab-cmp-progress-indicator__background);
|
|
4284
|
+
color: var(--ab-cmp-progress-indicator__color);
|
|
4285
|
+
border-style: none;
|
|
4286
|
+
border-width: 0px;
|
|
4287
|
+
border-radius: var(--ab__border-radius);
|
|
4288
|
+
box-shadow: var(--ab-focus__box-shadow);
|
|
4289
|
+
font-size: var(--ab-cmp-progress-indicator__font-size);
|
|
4290
|
+
font-style: var(--ab-cmp-progress-indicator__font-style);
|
|
4291
|
+
font-family: var(--ab-cmp-progress-indicator__font-family);
|
|
4292
|
+
}
|
|
4025
4293
|
|
|
4026
4294
|
:root {
|
|
4027
|
-
--ab-cmp-Tag__font-size: var(--ab-font-size-3);
|
|
4295
|
+
--ab-cmp-Tag__font-size: var(--ab-font-size-3);
|
|
4296
|
+
}
|
|
4028
4297
|
|
|
4029
4298
|
.ab-Tag {
|
|
4030
4299
|
display: inline-flex;
|
|
4031
4300
|
font-size: var(--ab-cmp-Tag__font-size);
|
|
4032
|
-
max-width: 100%;
|
|
4301
|
+
max-width: 100%;
|
|
4302
|
+
}
|
|
4033
4303
|
|
|
4034
4304
|
.ab-ModuleSelector__TabItem {
|
|
4035
4305
|
display: flex;
|
|
@@ -4038,13 +4308,15 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
4038
4308
|
margin-right: var(--ab-space-2);
|
|
4039
4309
|
width: var(--ab-cmp-module-module-selector__tab-item__width);
|
|
4040
4310
|
border: var(--ab-cmp-module-module-selector__tab-item__border);
|
|
4041
|
-
border-radius: var(--ab-cmp-module-module-selector__tab-item__border-radius);
|
|
4311
|
+
border-radius: var(--ab-cmp-module-module-selector__tab-item__border-radius);
|
|
4312
|
+
}
|
|
4042
4313
|
|
|
4043
4314
|
.ab-ModuleSelector__TabItem__header {
|
|
4044
4315
|
display: flex;
|
|
4045
4316
|
align-items: center;
|
|
4046
4317
|
padding: var(--ab-space-1);
|
|
4047
|
-
border-bottom: var(--ab-cmp-module-module-selector__tab-item__border);
|
|
4318
|
+
border-bottom: var(--ab-cmp-module-module-selector__tab-item__border);
|
|
4319
|
+
}
|
|
4048
4320
|
|
|
4049
4321
|
.ab-ModuleSelector__TabItem__header-input {
|
|
4050
4322
|
flex: 1;
|
|
@@ -4054,33 +4326,41 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
4054
4326
|
align-self: stretch;
|
|
4055
4327
|
background: transparent;
|
|
4056
4328
|
border: none;
|
|
4057
|
-
color: var(--ab-cmp-module-module-selector__tab-item__header-input__color);
|
|
4329
|
+
color: var(--ab-cmp-module-module-selector__tab-item__header-input__color);
|
|
4330
|
+
}
|
|
4058
4331
|
|
|
4059
4332
|
.ab-ModuleSelector__ToolbarList {
|
|
4060
4333
|
flex: 1;
|
|
4061
4334
|
padding: 4px;
|
|
4062
4335
|
padding-bottom: 0;
|
|
4063
|
-
min-height: 200px;
|
|
4336
|
+
min-height: 200px;
|
|
4337
|
+
}
|
|
4064
4338
|
|
|
4065
4339
|
.ab-ModuleSelector__ToolbarItem {
|
|
4066
|
-
border: var(--ab-cmp-module-module-selector__toolbar-item__border);
|
|
4340
|
+
border: var(--ab-cmp-module-module-selector__toolbar-item__border);
|
|
4341
|
+
}
|
|
4067
4342
|
|
|
4068
4343
|
.ab-ModuleSelector__UnusedPanel {
|
|
4069
4344
|
border: var(--ab-cmp-module-selector__unused-panel__border);
|
|
4070
4345
|
border-radius: var(--ab-cmp-module-selector__unused-panel__border-radius);
|
|
4071
|
-
background-color: var(--ab-cmp-module-selector__unused-panel__background);
|
|
4346
|
+
background-color: var(--ab-cmp-module-selector__unused-panel__background);
|
|
4347
|
+
}
|
|
4072
4348
|
|
|
4073
4349
|
.ab-AdaptableOptions {
|
|
4074
|
-
background: var(--ab-cmp-adaptable-options__background-color);
|
|
4350
|
+
background: var(--ab-cmp-adaptable-options__background-color);
|
|
4351
|
+
}
|
|
4075
4352
|
|
|
4076
4353
|
.ab-GridOptions {
|
|
4077
|
-
background: var(--ab-cmp-grid-options__background-color);
|
|
4354
|
+
background: var(--ab-cmp-grid-options__background-color);
|
|
4355
|
+
}
|
|
4078
4356
|
|
|
4079
4357
|
.ab-GridSummary {
|
|
4080
|
-
background: var(--ab-cmp-grid-summary__background-color);
|
|
4358
|
+
background: var(--ab-cmp-grid-summary__background-color);
|
|
4359
|
+
}
|
|
4081
4360
|
|
|
4082
4361
|
.ab-SystemStatus-Popup-List {
|
|
4083
|
-
background: var(--ab-cmp-system-status-list__background-color);
|
|
4362
|
+
background: var(--ab-cmp-system-status-list__background-color);
|
|
4363
|
+
}
|
|
4084
4364
|
|
|
4085
4365
|
.ab-DashboardToolbar__SystemStatus__text {
|
|
4086
4366
|
border-radius: var(--ab-cmp-system-status-list-text__border-radius);
|
|
@@ -4088,21 +4368,26 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
4088
4368
|
font-size: var(--ab-cmp-system-status-list-text__font-size);
|
|
4089
4369
|
color: var(--ab-cmp-system-status-list-text__color);
|
|
4090
4370
|
padding: var(--ab-cmp-system-status-list-text__padding);
|
|
4091
|
-
margin-right: var(--ab-space-2);
|
|
4371
|
+
margin-right: var(--ab-space-2);
|
|
4372
|
+
}
|
|
4092
4373
|
|
|
4093
4374
|
.ab-DashboardToolbar__SystemStatus__text--expandable {
|
|
4094
|
-
|
|
4375
|
+
cursor: pointer;
|
|
4376
|
+
}
|
|
4095
4377
|
|
|
4096
4378
|
.ab-DashboardToolbar__SystemStatus__further-information {
|
|
4097
|
-
white-space: normal;
|
|
4379
|
+
white-space: normal;
|
|
4380
|
+
}
|
|
4098
4381
|
|
|
4099
4382
|
.ab-ObjectCollection__list > * {
|
|
4100
4383
|
background: var(--ab-cmp-listgroupitem__background);
|
|
4101
|
-
color: var(--ab-cmp-listgroupitem__color);
|
|
4384
|
+
color: var(--ab-cmp-listgroupitem__color);
|
|
4385
|
+
}
|
|
4102
4386
|
|
|
4103
|
-
.ab-ObjectCollection__list > *:nth-child(2n
|
|
4387
|
+
.ab-ObjectCollection__list > *:nth-child(2n+1) {
|
|
4104
4388
|
background: var(--ab-cmp-listgroupitem--odd__background);
|
|
4105
|
-
color: var(--ab-cmp-listgroupitem--odd__color);
|
|
4389
|
+
color: var(--ab-cmp-listgroupitem--odd__color);
|
|
4390
|
+
}
|
|
4106
4391
|
|
|
4107
4392
|
.ab-AdaptableObjectRow {
|
|
4108
4393
|
align-items: center;
|
|
@@ -4110,29 +4395,35 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
4110
4395
|
margin: var(--ab-cmp-listgroupitem__margin);
|
|
4111
4396
|
background: var(--ab-cmp-listgroupitem__background);
|
|
4112
4397
|
color: var(--ab-cmp-listgroupitem__color);
|
|
4113
|
-
border-radius: var(--ab-cmp-listgroupitem__border-radius);
|
|
4398
|
+
border-radius: var(--ab-cmp-listgroupitem__border-radius);
|
|
4399
|
+
}
|
|
4114
4400
|
|
|
4115
|
-
.ab-AdaptableObjectRow:nth-child(2n
|
|
4116
|
-
|
|
4117
|
-
|
|
4401
|
+
.ab-AdaptableObjectRow:nth-child(2n+1) {
|
|
4402
|
+
background: var(--ab-cmp-listgroupitem--odd__background);
|
|
4403
|
+
color: var(--ab-cmp-listgroupitem--odd__color);
|
|
4404
|
+
}
|
|
4118
4405
|
|
|
4119
4406
|
.ab-AdaptableObjectRow--is-suspended {
|
|
4120
|
-
|
|
4407
|
+
text-decoration: line-through;
|
|
4408
|
+
}
|
|
4121
4409
|
|
|
4122
4410
|
.ab-AdaptableObjectRow__cell {
|
|
4123
|
-
|
|
4124
|
-
|
|
4125
|
-
|
|
4126
|
-
|
|
4411
|
+
white-space: nowrap;
|
|
4412
|
+
text-overflow: ellipsis;
|
|
4413
|
+
overflow: hidden;
|
|
4414
|
+
font-size: var(--ab-cmp-listgroupitem-cell__font-size);
|
|
4415
|
+
}
|
|
4127
4416
|
|
|
4128
4417
|
.ab-ListBoxFilterForm {
|
|
4129
4418
|
overflow-y: auto;
|
|
4130
4419
|
overflow-x: hidden;
|
|
4131
4420
|
--ab-grid-row-height: 26px;
|
|
4132
|
-
margin-bottom: 0;
|
|
4421
|
+
margin-bottom: 0;
|
|
4422
|
+
}
|
|
4133
4423
|
|
|
4134
4424
|
.ab-ListBoxFilterForm .ab-GridList .AT-VirtualScrollContainer {
|
|
4135
|
-
|
|
4425
|
+
overflow-x: hidden;
|
|
4426
|
+
}
|
|
4136
4427
|
|
|
4137
4428
|
.ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style,
|
|
4138
4429
|
.ag-theme-balham .ab-ListBoxFilterForm--aggrid-style {
|
|
@@ -4140,15 +4431,18 @@ input[type='number'].ab-Input:hover::-webkit-inner-spin-button:active {
|
|
|
4140
4431
|
--ab-cmp-input__border-radius: 0;
|
|
4141
4432
|
--ab-cmp-input__padding: 0;
|
|
4142
4433
|
--ab-cmp-dropdown__padding: 3px;
|
|
4143
|
-
--ab-focus__box-shadow: 0 0 3px 0px var(--ab-color-accent);
|
|
4434
|
+
--ab-focus__box-shadow: 0 0 3px 0px var(--ab-color-accent);
|
|
4435
|
+
}
|
|
4144
4436
|
|
|
4145
4437
|
.ag-theme-balham-dark .ab-ListBoxFilterForm--aggrid-style .ab-FieldWrap,
|
|
4146
|
-
|
|
4147
|
-
|
|
4438
|
+
.ag-theme-balham .ab-ListBoxFilterForm--aggrid-style .ab-FieldWrap {
|
|
4439
|
+
border-radius: 0;
|
|
4440
|
+
}
|
|
4148
4441
|
|
|
4149
4442
|
html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
|
|
4150
4443
|
--ab-color-inputborder: white;
|
|
4151
|
-
--ab-cmp-dropdown__border: 1px solid white;
|
|
4444
|
+
--ab-cmp-dropdown__border: 1px solid white;
|
|
4445
|
+
}
|
|
4152
4446
|
|
|
4153
4447
|
.ab-Popover {
|
|
4154
4448
|
border-radius: var(--ab-cmp-popover__border-radius);
|
|
@@ -4157,160 +4451,193 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
|
|
|
4157
4451
|
color: var(--ab-cmp-popover__color);
|
|
4158
4452
|
box-shadow: var(--ab-cmp-popover__box-shadow);
|
|
4159
4453
|
font-size: var(--ab-font-size-2);
|
|
4160
|
-
font-family: var(--ab__font-family);
|
|
4454
|
+
font-family: var(--ab__font-family);
|
|
4455
|
+
}
|
|
4161
4456
|
|
|
4162
4457
|
.ab-Overlay--show-triangle > .ab-Popover:before {
|
|
4163
|
-
content:
|
|
4458
|
+
content: "";
|
|
4164
4459
|
position: absolute;
|
|
4165
4460
|
width: 0;
|
|
4166
4461
|
height: 0;
|
|
4167
|
-
border-style: solid;
|
|
4462
|
+
border-style: solid;
|
|
4463
|
+
}
|
|
4168
4464
|
|
|
4169
4465
|
.ab-Overlay--position-bottom.ab-Overlay--show-triangle > .ab-Popover:before {
|
|
4170
4466
|
border-width: 0 5px 10px 5px;
|
|
4171
4467
|
border-color: transparent transparent var(--ab-cmp-popover__background) transparent;
|
|
4172
4468
|
left: 50%;
|
|
4173
4469
|
top: -10px;
|
|
4174
|
-
transform: translate3d(-5px, 0px, 0px);
|
|
4470
|
+
transform: translate3d(-5px, 0px, 0px);
|
|
4471
|
+
}
|
|
4175
4472
|
|
|
4176
4473
|
.ab-Overlay--position-top.ab-Overlay--show-triangle > .ab-Popover:before {
|
|
4177
4474
|
border-width: 10px 5px 0 5px;
|
|
4178
4475
|
border-color: var(--ab-cmp-popover__background) transparent transparent transparent;
|
|
4179
4476
|
left: 50%;
|
|
4180
4477
|
bottom: -10px;
|
|
4181
|
-
transform: translate3d(-5px, 0px, 0px);
|
|
4478
|
+
transform: translate3d(-5px, 0px, 0px);
|
|
4479
|
+
}
|
|
4182
4480
|
|
|
4183
4481
|
.ab-NocodeWizard {
|
|
4184
4482
|
padding: var(--ab-cmp-wizard__padding);
|
|
4185
4483
|
margin: var(--ab-cmp-wizard__margin);
|
|
4186
4484
|
background: var(--ab-cmp-wizard__background);
|
|
4187
4485
|
color: var(--ab-cmp-wizard__color);
|
|
4188
|
-
height: 100%;
|
|
4486
|
+
height: 100%;
|
|
4487
|
+
}
|
|
4189
4488
|
|
|
4190
4489
|
.ab-NocodeWizard,
|
|
4191
|
-
|
|
4192
|
-
|
|
4193
|
-
|
|
4194
|
-
|
|
4490
|
+
.ab-NocodeWizard *,
|
|
4491
|
+
.ab-NocodeWizard *:before,
|
|
4492
|
+
.ab-NocodeWizard *:after {
|
|
4493
|
+
box-sizing: border-box;
|
|
4494
|
+
}
|
|
4195
4495
|
|
|
4196
4496
|
.ab-NocodeWizardFormBox {
|
|
4197
4497
|
border: 1px solid var(--ab-color-primarydark);
|
|
4198
4498
|
border-radius: var(--ab__border-radius);
|
|
4199
|
-
background-color: var(--ab-color-defaultbackground);
|
|
4499
|
+
background-color: var(--ab-color-defaultbackground);
|
|
4500
|
+
}
|
|
4200
4501
|
|
|
4201
4502
|
.ab-AvailableDropZone .placeholder,
|
|
4202
4503
|
.ab-SelectedDropZone .placeholder {
|
|
4203
|
-
width: 100%;
|
|
4504
|
+
width: 100%;
|
|
4505
|
+
}
|
|
4204
4506
|
|
|
4205
4507
|
.ab-AvailableDropZone .placeholder:before,
|
|
4206
|
-
|
|
4207
|
-
|
|
4508
|
+
.ab-SelectedDropZone .placeholder:before {
|
|
4509
|
+
content: "DROPS HERE";
|
|
4510
|
+
}
|
|
4208
4511
|
|
|
4209
4512
|
.ab-Button.ab-Button {
|
|
4210
4513
|
border-radius: var(--ab-cmp-button-border-radius);
|
|
4211
|
-
padding: var(--ab-space-2);
|
|
4514
|
+
padding: var(--ab-space-2);
|
|
4515
|
+
}
|
|
4212
4516
|
|
|
4213
4517
|
.ab-Button.ab-Button--enabled {
|
|
4214
|
-
|
|
4215
|
-
|
|
4518
|
+
cursor: pointer;
|
|
4519
|
+
background: var(--ab-cmp-button-background);
|
|
4520
|
+
}
|
|
4216
4521
|
|
|
4217
4522
|
.ab-Button.ab-Button--disabled {
|
|
4218
|
-
|
|
4219
|
-
|
|
4523
|
+
opacity: var(--ab-cmp-button-disabled-opacity);
|
|
4524
|
+
background: var(--ab-cmp-button-disabled-background);
|
|
4525
|
+
}
|
|
4220
4526
|
|
|
4221
4527
|
.ab-DashboardPanel .ab-CheckBox:not(.ab-dd-checkbox),
|
|
4222
4528
|
.ab-DashboardPanel .ab-SimpleButton.ab-SimpleButton--tone-neutral:not(.ab-DropdownButton) {
|
|
4223
4529
|
fill: currentColor;
|
|
4224
4530
|
color: var(--ab-cmp-dashboardpanel_header__color);
|
|
4225
|
-
border-color: currentColor;
|
|
4531
|
+
border-color: currentColor;
|
|
4532
|
+
}
|
|
4226
4533
|
|
|
4227
4534
|
.ab-DashboardPanel .glyphicon.glyphicon {
|
|
4228
|
-
color: var(--ab-cmp-dashboardpanel__fill);
|
|
4535
|
+
color: var(--ab-cmp-dashboardpanel__fill);
|
|
4536
|
+
}
|
|
4229
4537
|
|
|
4230
4538
|
.ab-FilterFormPanel {
|
|
4231
|
-
--ab-cmp-panel_body__background: var(--ag-control-panel-background-color);
|
|
4539
|
+
--ab-cmp-panel_body__background: var(--ag-control-panel-background-color);
|
|
4540
|
+
}
|
|
4232
4541
|
|
|
4233
4542
|
.ab-Dashboard__application-icon {
|
|
4234
|
-
margin-right: var(--ab-space-2);
|
|
4543
|
+
margin-right: var(--ab-space-2);
|
|
4544
|
+
}
|
|
4235
4545
|
|
|
4236
4546
|
.ab-Dashboard-Popup__Module-Selector {
|
|
4237
|
-
background: var(--ab-cmp-dashboard-module-selector-background);
|
|
4547
|
+
background: var(--ab-cmp-dashboard-module-selector-background);
|
|
4548
|
+
}
|
|
4238
4549
|
|
|
4239
4550
|
.ab-ToolPanel {
|
|
4240
4551
|
flex: 1 1 0;
|
|
4241
4552
|
min-width: 0;
|
|
4242
4553
|
color: var(--ab-cmp-toolpanel__color);
|
|
4243
|
-
font-family: var(--ab-cmp-toolpanel__font-family);
|
|
4554
|
+
font-family: var(--ab-cmp-toolpanel__font-family);
|
|
4555
|
+
}
|
|
4244
4556
|
|
|
4245
4557
|
.ab-ToolPanel .ab-ToolPanel__header {
|
|
4246
|
-
|
|
4247
|
-
|
|
4558
|
+
background: var(--ab-cmp-toolpanel-header__background);
|
|
4559
|
+
color: var(--ab-cmp-toolpanel-header__color);
|
|
4560
|
+
}
|
|
4248
4561
|
|
|
4249
4562
|
.ab-ToolPanel .ab-ToolPanel__header__buttons {
|
|
4250
|
-
|
|
4563
|
+
grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
|
|
4564
|
+
}
|
|
4251
4565
|
|
|
4252
4566
|
.ab-ToolPanel .ab-ToolPanel__custom-content__buttons {
|
|
4253
|
-
|
|
4254
|
-
|
|
4255
|
-
|
|
4256
|
-
|
|
4567
|
+
display: flex;
|
|
4568
|
+
flex-direction: row;
|
|
4569
|
+
flex-wrap: wrap;
|
|
4570
|
+
grid-gap: var(--ab-cmp-toolpanel-header__grid-gap);
|
|
4571
|
+
}
|
|
4257
4572
|
|
|
4258
4573
|
.ab-ToolPanel .ab-StateManagement__Clear-Button,
|
|
4259
|
-
|
|
4260
|
-
|
|
4261
|
-
|
|
4574
|
+
.ab-ToolPanel .ab-StateManagement__Load-Button {
|
|
4575
|
+
justify-content: center;
|
|
4576
|
+
flex: 1;
|
|
4577
|
+
}
|
|
4262
4578
|
|
|
4263
4579
|
.ab-ToolPanel .ab-StateManagement__Clear-Button,
|
|
4264
|
-
|
|
4265
|
-
|
|
4266
|
-
|
|
4580
|
+
.ab-ToolPanel .ab-StateManagement__Load-Button,
|
|
4581
|
+
.ab-ToolPanel .ab-StateManagement__Export-Dropdown {
|
|
4582
|
+
margin-bottom: var(--ab-space-1);
|
|
4583
|
+
}
|
|
4267
4584
|
|
|
4268
4585
|
.ab-CustomSortWizard__SortOrder .ab-Loader__text {
|
|
4269
|
-
font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size);
|
|
4586
|
+
font-size: var(--ab-cmp-custom-sort-wizard-loader__font-size);
|
|
4587
|
+
}
|
|
4270
4588
|
|
|
4271
4589
|
.ab-Adaptable-Popup {
|
|
4272
4590
|
background: var(--ab-cmp-adaptable-popup__background);
|
|
4273
|
-
max-height: var(--ab-cmp-adaptable-popup__max-height);
|
|
4591
|
+
max-height: var(--ab-cmp-adaptable-popup__max-height);
|
|
4592
|
+
}
|
|
4274
4593
|
|
|
4275
4594
|
.ab-Adaptable-Popup--window {
|
|
4276
|
-
|
|
4595
|
+
box-shadow: var(--ab-cmp-adaptable-popup__box-shadow);
|
|
4596
|
+
}
|
|
4277
4597
|
|
|
4278
4598
|
.ab-Adaptable-Popup__Navigation {
|
|
4279
4599
|
padding-top: 10px;
|
|
4280
4600
|
overflow: auto;
|
|
4281
4601
|
border-right: var(--ab-cmp-adaptable-popup-navigation-list__border-right);
|
|
4282
|
-
font-family: var(--ab__font-family);
|
|
4602
|
+
font-family: var(--ab__font-family);
|
|
4603
|
+
}
|
|
4283
4604
|
|
|
4284
4605
|
.ab-Adaptable-Popup__Navigation__List {
|
|
4285
|
-
|
|
4286
|
-
|
|
4287
|
-
|
|
4288
|
-
|
|
4606
|
+
list-style: none;
|
|
4607
|
+
padding: var(--ab-cmp-adaptable-popup-navigation-list__padding);
|
|
4608
|
+
margin: 0;
|
|
4609
|
+
font-size: var(--ab-cmp-adaptable-popup-navigation-list__font-size);
|
|
4610
|
+
}
|
|
4289
4611
|
|
|
4290
4612
|
.ab-Adaptable-Popup__Navigation__List__Item {
|
|
4291
|
-
|
|
4292
|
-
|
|
4613
|
+
padding: var(--ab-cmp-adaptable-popup-navigation-list-item__padding);
|
|
4614
|
+
margin-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item__margin-bottom);
|
|
4615
|
+
}
|
|
4293
4616
|
|
|
4294
4617
|
.ab-Adaptable-Popup__Navigation__List__Item__Separator {
|
|
4295
|
-
|
|
4296
|
-
|
|
4618
|
+
border-bottom: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__border);
|
|
4619
|
+
margin: var(--ab-cmp-adaptable-popup-navigation-list-item-separator__margin);
|
|
4620
|
+
}
|
|
4297
4621
|
|
|
4298
4622
|
.ab-Adaptable-Popup__Navigation__List__Item__Button {
|
|
4299
|
-
|
|
4300
|
-
|
|
4301
|
-
|
|
4302
|
-
|
|
4303
|
-
|
|
4304
|
-
|
|
4305
|
-
|
|
4306
|
-
|
|
4623
|
+
background: none;
|
|
4624
|
+
border: none;
|
|
4625
|
+
width: 100%;
|
|
4626
|
+
text-align: left;
|
|
4627
|
+
cursor: pointer;
|
|
4628
|
+
padding: var(--ab-cmp-adaptable-popup-navigation-list-item-button__padding);
|
|
4629
|
+
border-radius: var(--ab-cmp-adaptable-popup-navigation-list-item-button__border-radius);
|
|
4630
|
+
color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__color);
|
|
4631
|
+
}
|
|
4307
4632
|
|
|
4308
4633
|
.ab-Adaptable-Popup__Navigation__List__Item__Icon {
|
|
4309
|
-
|
|
4634
|
+
margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right);
|
|
4635
|
+
}
|
|
4310
4636
|
|
|
4311
4637
|
.ab-Adaptable-Popup__Navigation__List__Item--active .ab-Adaptable-Popup__Navigation__List__Item__Button {
|
|
4312
|
-
|
|
4313
|
-
|
|
4638
|
+
background: var(--ab-cmp-adaptable-popup-navigation-list-item-button__background--active);
|
|
4639
|
+
color: var(--ab-cmp-adaptable-popup-navigation-list-item-button__background--color);
|
|
4640
|
+
}
|
|
4314
4641
|
|
|
4315
4642
|
.ab-Adaptable-Popup__TopBar {
|
|
4316
4643
|
display: flex;
|
|
@@ -4320,270 +4647,325 @@ html.ab--theme-dark .ab-ListBoxFilterForm--aggrid-style {
|
|
|
4320
4647
|
color: var(--ab-cmp-adaptable-popup-topbar__color);
|
|
4321
4648
|
font-weight: var(--ab-cmp-adaptable-popup-topbar__font-weight);
|
|
4322
4649
|
padding: var(--ab-cmp-adaptable-popup-topbar__padding);
|
|
4323
|
-
box-sizing: border-box;
|
|
4650
|
+
box-sizing: border-box;
|
|
4651
|
+
}
|
|
4324
4652
|
|
|
4325
4653
|
.ab-Adaptable-Popup__TopBar__Icon {
|
|
4326
|
-
margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right);
|
|
4654
|
+
margin-right: var(--ab-cmp-adaptable-popup-topbar-icon__margin-right);
|
|
4655
|
+
}
|
|
4327
4656
|
|
|
4328
4657
|
.ab-Adaptable-Popup__TopBar__Close .ab-Icon {
|
|
4329
|
-
color: var(--ab-cmp-adaptable-popup-topbar-icon__color);
|
|
4658
|
+
color: var(--ab-cmp-adaptable-popup-topbar-icon__color);
|
|
4659
|
+
}
|
|
4330
4660
|
|
|
4331
4661
|
.ab-Adaptable-Popup--settings-popup {
|
|
4332
|
-
height: var(--ab-cmp-adaptable-popup--settings__height);
|
|
4662
|
+
height: var(--ab-cmp-adaptable-popup--settings__height);
|
|
4663
|
+
}
|
|
4333
4664
|
|
|
4334
4665
|
.ab-Adaptable-Popup--settings-popup .ab-Dialog__close-button {
|
|
4335
|
-
|
|
4666
|
+
top: 9px;
|
|
4667
|
+
}
|
|
4336
4668
|
|
|
4337
4669
|
.ab-Adaptable-Popup--settings-popup .ab-Adaptable-Popup__Body {
|
|
4338
|
-
|
|
4339
|
-
|
|
4670
|
+
padding: var(--ab-cmp-adaptable-popup--settings__padding);
|
|
4671
|
+
min-width: 0;
|
|
4672
|
+
}
|
|
4340
4673
|
|
|
4341
4674
|
.ab-Adaptable-Popup__Panel {
|
|
4342
|
-
width: 100%;
|
|
4675
|
+
width: 100%;
|
|
4676
|
+
}
|
|
4343
4677
|
|
|
4344
4678
|
.ab-Adaptable-Popup__Panel__Header {
|
|
4345
|
-
|
|
4346
|
-
|
|
4347
|
-
|
|
4348
|
-
|
|
4679
|
+
display: flex;
|
|
4680
|
+
padding: 0 var(--ab-cmp-adaptable-popup-panel__padding);
|
|
4681
|
+
margin-bottom: var(--ab-cmp-adaptable-popup-panel__margin-bottom);
|
|
4682
|
+
margin-top: var(--ab-cmp-adaptable-popup-panel__margin-top);
|
|
4683
|
+
}
|
|
4349
4684
|
|
|
4350
4685
|
.ab-Adaptable-Popup__Panel__Header__Title {
|
|
4351
|
-
|
|
4686
|
+
font-size: var(--ab-cmp-adaptable-popup-panel-title__font-size);
|
|
4687
|
+
}
|
|
4352
4688
|
|
|
4353
4689
|
.ab-Adaptable-Popup__Panel__Body {
|
|
4354
|
-
|
|
4355
|
-
|
|
4356
|
-
|
|
4357
|
-
|
|
4690
|
+
padding: var(--ab-cmp-adaptable-popup-panel-body__padding);
|
|
4691
|
+
flex: 1 1 0;
|
|
4692
|
+
min-height: 0;
|
|
4693
|
+
overflow: auto;
|
|
4694
|
+
}
|
|
4358
4695
|
|
|
4359
4696
|
.ab-Adaptable-Popup--window .ab-Adaptable-Popup__TopBar {
|
|
4360
|
-
cursor: move;
|
|
4697
|
+
cursor: move;
|
|
4698
|
+
}
|
|
4361
4699
|
|
|
4362
4700
|
.ab-Adaptable-Popup--window.ab-Adaptable-Popup--action-popup .ab-Panel__header {
|
|
4363
|
-
cursor: move;
|
|
4701
|
+
cursor: move;
|
|
4702
|
+
}
|
|
4364
4703
|
|
|
4365
4704
|
.ab-Window-Modal .ab-Panel__header {
|
|
4366
|
-
cursor: move;
|
|
4705
|
+
cursor: move;
|
|
4706
|
+
}
|
|
4367
4707
|
|
|
4368
4708
|
.ab-Window-Modal {
|
|
4369
4709
|
max-height: 100%;
|
|
4370
|
-
box-shadow: var(--ab-cmp-adaptable-window-popup__box-shadow);
|
|
4710
|
+
box-shadow: var(--ab-cmp-adaptable-window-popup__box-shadow);
|
|
4711
|
+
}
|
|
4371
4712
|
|
|
4372
4713
|
.ab-Window-Modal .ab-Dialog__close-button {
|
|
4373
|
-
|
|
4714
|
+
top: 3px;
|
|
4715
|
+
}
|
|
4374
4716
|
|
|
4375
4717
|
.ab-Window-Modal .ab-Panel {
|
|
4376
|
-
|
|
4718
|
+
max-height: initial;
|
|
4719
|
+
}
|
|
4377
4720
|
|
|
4378
4721
|
.ab-Adaptable-Object-List {
|
|
4379
4722
|
list-style: none;
|
|
4380
|
-
padding: 0;
|
|
4723
|
+
padding: 0;
|
|
4724
|
+
}
|
|
4381
4725
|
|
|
4382
4726
|
.ab-Adaptable-Object-List__Item {
|
|
4383
4727
|
background-color: var(--ab-cmp-adaptable-object-list-item__background-color);
|
|
4384
4728
|
padding: var(--ab-cmp-adaptable-object-list-item__padding);
|
|
4385
|
-
margin-bottom: var(--ab-cmp-adaptable-object-list-item__margin-bottom);
|
|
4729
|
+
margin-bottom: var(--ab-cmp-adaptable-object-list-item__margin-bottom);
|
|
4730
|
+
}
|
|
4386
4731
|
|
|
4387
4732
|
.ab-Adaptable-Object-List__Item__edit-property {
|
|
4388
|
-
|
|
4733
|
+
visibility: hidden;
|
|
4734
|
+
}
|
|
4389
4735
|
|
|
4390
4736
|
.ab-Adaptable-Object-List__Item__values {
|
|
4391
|
-
|
|
4392
|
-
|
|
4737
|
+
min-width: 0;
|
|
4738
|
+
word-break: break-all;
|
|
4739
|
+
}
|
|
4393
4740
|
|
|
4394
4741
|
.ab-Adaptable-Object-List__Item__buttons {
|
|
4395
|
-
|
|
4396
|
-
|
|
4397
|
-
|
|
4398
|
-
|
|
4742
|
+
padding-left: var(--ab-space-2);
|
|
4743
|
+
min-width: 80px;
|
|
4744
|
+
text-align: right;
|
|
4745
|
+
margin-left: var(--ab-space-3);
|
|
4746
|
+
}
|
|
4399
4747
|
|
|
4400
4748
|
.ab-Adaptable-Object-List__Item__label {
|
|
4401
|
-
|
|
4402
|
-
|
|
4749
|
+
padding-top: var(--ab-cmp-adaptable-object-list-item-label__padding-top);
|
|
4750
|
+
width: var(--ab-cmp-adaptable-object-list-item-label__width);
|
|
4751
|
+
}
|
|
4403
4752
|
|
|
4404
4753
|
.ab-Adaptable-Object-List__Item__label:hover .ab-Adaptable-Object-List__Item__edit-property {
|
|
4405
|
-
|
|
4754
|
+
visibility: visible;
|
|
4755
|
+
}
|
|
4406
4756
|
|
|
4407
4757
|
.ab-Adaptable-Object-List__Item .ab-Tag {
|
|
4408
|
-
|
|
4409
|
-
|
|
4410
|
-
|
|
4758
|
+
margin-right: var(--ab-cmp-adaptable-object-list-tag__margin-right);
|
|
4759
|
+
margin-top: var(--ab-cmp-adaptable-object-list-tag__margin-top);
|
|
4760
|
+
padding: var(--ab-cmp-adaptable-object-list-item-tag__padding);
|
|
4761
|
+
}
|
|
4411
4762
|
|
|
4412
4763
|
.ab-Adaptable-Object-Compact-List {
|
|
4413
4764
|
padding: var(--ab-cmp-adaptable-object-compact-list__padding);
|
|
4414
4765
|
background: var(--ab-cmp-adaptable-object-compact-list__background);
|
|
4415
|
-
max-height: 70vh;
|
|
4766
|
+
max-height: 70vh;
|
|
4767
|
+
}
|
|
4416
4768
|
|
|
4417
4769
|
.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Header {
|
|
4418
|
-
|
|
4419
|
-
|
|
4770
|
+
padding: var(--ab-cmp-adaptable-object-compact-list__header__padding);
|
|
4771
|
+
margin-bottom: var(--ab-cmp-adaptable-object-compact-list__header__margin-bottom);
|
|
4772
|
+
}
|
|
4420
4773
|
|
|
4421
4774
|
.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Title {
|
|
4422
|
-
|
|
4775
|
+
font-size: var(--ab-font-size-4);
|
|
4776
|
+
}
|
|
4423
4777
|
|
|
4424
4778
|
.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Body {
|
|
4425
|
-
|
|
4426
|
-
|
|
4779
|
+
overflow: auto;
|
|
4780
|
+
height: 100%;
|
|
4781
|
+
}
|
|
4427
4782
|
|
|
4428
4783
|
.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Item {
|
|
4429
|
-
|
|
4430
|
-
|
|
4431
|
-
|
|
4784
|
+
padding: var(--ab-cmp-adaptable-object-compact-list-item__padding);
|
|
4785
|
+
margin-bottom: var(--ab-cmp-adaptable-object-compact-list-item__margin-bottom);
|
|
4786
|
+
background: var(--ab-cmp-adaptable-object-compact-list-item__background);
|
|
4787
|
+
}
|
|
4432
4788
|
|
|
4433
4789
|
.ab-Adaptable-Object-Compact-List .ab-Adaptable-Object-Compact-List__Item:last-child {
|
|
4434
|
-
|
|
4790
|
+
margin-bottom: 0;
|
|
4791
|
+
}
|
|
4435
4792
|
|
|
4436
4793
|
.ab-Adaptable-Object-Compact-List__Item__Name {
|
|
4437
|
-
|
|
4438
|
-
|
|
4439
|
-
|
|
4440
|
-
|
|
4794
|
+
width: var(--ab-cmp-adaptable-object-compact-list-item-name__width);
|
|
4795
|
+
padding: var(--ab-cmp-adaptable-object-compact-list-item-name__padding);
|
|
4796
|
+
margin-right: var(--ab-cmp-adaptable-object-compact-list-item-name__margin-right);
|
|
4797
|
+
font-size: var(--ab-cmp-adaptable-object-compact-list-item-name__font-size);
|
|
4798
|
+
}
|
|
4441
4799
|
|
|
4442
4800
|
.ab-StatusBar {
|
|
4443
4801
|
display: flex;
|
|
4444
4802
|
border-right: var(--ab-cmp-adaptable-statusbar__border);
|
|
4445
|
-
border-left: var(--ab-cmp-adaptable-statusbar__border);
|
|
4803
|
+
border-left: var(--ab-cmp-adaptable-statusbar__border);
|
|
4804
|
+
}
|
|
4446
4805
|
|
|
4447
4806
|
.ab-StatusBar__SubPanel {
|
|
4448
4807
|
padding: var(--ab-cmp-adaptable-statusbar-sub-panel__padding);
|
|
4449
4808
|
border: 0;
|
|
4450
4809
|
background: none;
|
|
4451
4810
|
font-weight: 400;
|
|
4452
|
-
border-right: var(--ab-cmp-adaptable-statusbar__border);
|
|
4811
|
+
border-right: var(--ab-cmp-adaptable-statusbar__border);
|
|
4812
|
+
}
|
|
4453
4813
|
|
|
4454
4814
|
.ab-StatusBar__SubPanel:last-child {
|
|
4455
|
-
|
|
4815
|
+
border-right: 0;
|
|
4816
|
+
}
|
|
4456
4817
|
|
|
4457
4818
|
.ab-StatusBar__SubPanel,
|
|
4458
|
-
|
|
4459
|
-
|
|
4819
|
+
.ab-StatusBar__SubPanel .ab-SimpleButton {
|
|
4820
|
+
color: var(--ab-cmp-adaptable-statusbar__color);
|
|
4821
|
+
}
|
|
4460
4822
|
|
|
4461
4823
|
button.ab-StatusBar__SubPanel:hover {
|
|
4462
4824
|
background-color: var(--ab-cmp-adaptable-statusbar-sub-panel-icon__background-color-hover);
|
|
4463
|
-
cursor: pointer;
|
|
4825
|
+
cursor: pointer;
|
|
4826
|
+
}
|
|
4464
4827
|
|
|
4465
4828
|
.ab-Shared-Entity-Shared-Object {
|
|
4466
|
-
border: var(--ab-cmp-adaptable-shared-entity-shared-object__border);
|
|
4829
|
+
border: var(--ab-cmp-adaptable-shared-entity-shared-object__border);
|
|
4830
|
+
}
|
|
4467
4831
|
|
|
4468
4832
|
.ab-Layout-Wizard__ColumnRow__Header {
|
|
4469
|
-
cursor: pointer;
|
|
4833
|
+
cursor: pointer;
|
|
4834
|
+
}
|
|
4470
4835
|
|
|
4471
4836
|
.ab-Layout-Wizard__ColumnRow__Title {
|
|
4472
4837
|
border-radius: var(--ab-cmp-adaptable-layout-wizard-column-row-title__border-radious);
|
|
4473
4838
|
background: var(--ab-cmp-adaptable-layout-wizard-column-row-title__background);
|
|
4474
|
-
color: var(--ab-cmp-adaptable-layout-wizard-column-row-title__color);
|
|
4839
|
+
color: var(--ab-cmp-adaptable-layout-wizard-column-row-title__color);
|
|
4840
|
+
}
|
|
4475
4841
|
|
|
4476
4842
|
.ab-Layout-Wizard__ColumnRow__Expanded-Container {
|
|
4477
4843
|
background: var(--ab-cmp-adaptable-layout-wizard-column-row-expanded-container__background);
|
|
4478
|
-
border-radius: var(--ab-cmp-adaptable-layout-wizard-column-row-expanded-container__border-radius);
|
|
4844
|
+
border-radius: var(--ab-cmp-adaptable-layout-wizard-column-row-expanded-container__border-radius);
|
|
4845
|
+
}
|
|
4479
4846
|
|
|
4480
4847
|
.ab-Layout-Wizard__ColumnRow__Input {
|
|
4481
4848
|
max-width: var(--ab-cmp-adaptable-layout-wizard-column-input__max-width);
|
|
4482
|
-
width: var(--ab-cmp-adaptable-layout-wizard-column-input__width);
|
|
4849
|
+
width: var(--ab-cmp-adaptable-layout-wizard-column-input__width);
|
|
4850
|
+
}
|
|
4483
4851
|
|
|
4484
4852
|
:root {
|
|
4485
4853
|
--ab-cmp-adaptable-permitted-values-selector__font-size: var(--ab-font-size-2);
|
|
4486
4854
|
--ab-cmp-adaptable-permitted-values-selector__border: 1px solid var(--ab-color-primarydark);
|
|
4487
4855
|
--ab-cmp-adaptable-permitted-values-selector__background-color: var(--ab-color-defaultbackground);
|
|
4488
|
-
--ab-cmp-adaptable-permitted-values-selector__padding: var(--ab-space-1);
|
|
4856
|
+
--ab-cmp-adaptable-permitted-values-selector__padding: var(--ab-space-1);
|
|
4857
|
+
}
|
|
4489
4858
|
|
|
4490
4859
|
.ab-ValueSelector {
|
|
4491
|
-
overflow: hidden;
|
|
4860
|
+
overflow: hidden;
|
|
4861
|
+
}
|
|
4492
4862
|
|
|
4493
4863
|
.ab-ValueSelector__option {
|
|
4494
|
-
|
|
4864
|
+
border-radius: "var(--ab__border-radius)";
|
|
4865
|
+
}
|
|
4495
4866
|
|
|
4496
4867
|
.ab-ValueSelector__show-selected-only-checkbox {
|
|
4497
|
-
|
|
4498
|
-
|
|
4499
|
-
|
|
4868
|
+
position: sticky;
|
|
4869
|
+
top: 0;
|
|
4870
|
+
z-index: 10000;
|
|
4871
|
+
}
|
|
4500
4872
|
|
|
4501
4873
|
.ab-ValueSelector__show-selected-only-checkbox__text {
|
|
4502
|
-
|
|
4503
|
-
|
|
4504
|
-
|
|
4505
|
-
overflow: hidden;
|
|
4506
|
-
border-radius: var(--ab__border-radius);
|
|
4507
|
-
margin-right: var(--ab-space-1);
|
|
4508
|
-
margin-top: var(--ab-space-1);
|
|
4509
|
-
padding: 0 var(--ab-space-2);
|
|
4510
|
-
font-size: var(--ab-font-size-2); }
|
|
4511
|
-
|
|
4512
|
-
.ab-EntityRulesEditor__predicate-dropdown {
|
|
4513
|
-
min-width: 15rem;
|
|
4514
|
-
white-space: nowrap;
|
|
4874
|
+
position: absolute;
|
|
4875
|
+
top: 2px;
|
|
4876
|
+
right: 4px;
|
|
4515
4877
|
overflow: hidden;
|
|
4516
|
-
|
|
4517
|
-
|
|
4878
|
+
border-radius: var(--ab__border-radius);
|
|
4879
|
+
margin-right: var(--ab-space-1);
|
|
4880
|
+
margin-top: var(--ab-space-1);
|
|
4881
|
+
padding: 0 var(--ab-space-2);
|
|
4882
|
+
font-size: var(--ab-font-size-2);
|
|
4883
|
+
}
|
|
4518
4884
|
|
|
4519
4885
|
.ab-ExpressionEditor {
|
|
4520
|
-
overflow: auto;
|
|
4886
|
+
overflow: auto;
|
|
4887
|
+
}
|
|
4521
4888
|
|
|
4522
4889
|
.ab-ExpressionEditor__column-picker {
|
|
4523
|
-
|
|
4524
|
-
|
|
4525
|
-
|
|
4890
|
+
overflow: auto;
|
|
4891
|
+
min-width: 255px;
|
|
4892
|
+
height: 100%;
|
|
4893
|
+
}
|
|
4526
4894
|
|
|
4527
4895
|
.ab-ExpressionEditorInput {
|
|
4528
4896
|
background: var(--ab-cmp-expression-editor-input__background);
|
|
4529
4897
|
border-radius: var(--ab-cmp-expression-editor-input__border-radius);
|
|
4530
4898
|
width: 100%;
|
|
4531
|
-
--ab-overlay-horizontal-align: left;
|
|
4899
|
+
--ab-overlay-horizontal-align: left;
|
|
4900
|
+
}
|
|
4532
4901
|
|
|
4533
4902
|
.ab-ExpressionEditorInput__info-button {
|
|
4534
|
-
|
|
4903
|
+
margin-right: 5px;
|
|
4904
|
+
}
|
|
4535
4905
|
|
|
4536
4906
|
.ab-ExpressionEditorInput__dropdown-functions-list {
|
|
4537
|
-
|
|
4538
|
-
|
|
4539
|
-
|
|
4540
|
-
|
|
4541
|
-
|
|
4542
|
-
|
|
4543
|
-
|
|
4907
|
+
font-size: var(--ab-cmp-expression-editor-input-dropdown-functions-list__font-size);
|
|
4908
|
+
border: var(--ab-cmp-expression-editor-input-dropdown-functions-list__border);
|
|
4909
|
+
border-radius: var(--ab-cmp-expression-editor-input-dropdown-functions-list__border-radius);
|
|
4910
|
+
background: var(--ab-cmp-expression-editor-input__background);
|
|
4911
|
+
z-index: 1000;
|
|
4912
|
+
max-height: 300;
|
|
4913
|
+
overflow: auto;
|
|
4914
|
+
}
|
|
4544
4915
|
|
|
4545
4916
|
.ab-ExpressionEditorInput__textarea {
|
|
4546
|
-
|
|
4547
|
-
|
|
4548
|
-
|
|
4549
|
-
|
|
4550
|
-
|
|
4551
|
-
|
|
4917
|
+
width: 100%;
|
|
4918
|
+
min-height: 100px;
|
|
4919
|
+
font-family: var(--ab-cmp-expression-editor-input__font-family);
|
|
4920
|
+
resize: vertical;
|
|
4921
|
+
font-size: 1rem;
|
|
4922
|
+
padding: var(--ab-space-2);
|
|
4923
|
+
}
|
|
4552
4924
|
|
|
4553
4925
|
.ab-ExpressionEditorInput__editor-feedback {
|
|
4554
|
-
|
|
4555
|
-
|
|
4926
|
+
background: var(--ab-cmp-expression-editor-input__background);
|
|
4927
|
+
border-radius: var(--ab-cmp-expression-editor-feedback__border-radius);
|
|
4928
|
+
}
|
|
4556
4929
|
|
|
4557
4930
|
.ab-QuickFilter {
|
|
4558
4931
|
overflow-y: auto;
|
|
4559
4932
|
font-size: var(--ab-cmp-quickfilter__font-size);
|
|
4560
4933
|
border: var(--ab-cmp-quickfilter__border);
|
|
4561
|
-
background: var(--ab-cmp-quickfilter__background);
|
|
4934
|
+
background: var(--ab-cmp-quickfilter__background);
|
|
4935
|
+
}
|
|
4562
4936
|
|
|
4563
4937
|
.ab-alert--error {
|
|
4564
|
-
background: var(--ab-color-error);
|
|
4938
|
+
background: var(--ab-color-error);
|
|
4939
|
+
}
|
|
4565
4940
|
|
|
4566
4941
|
.ab-alert--success {
|
|
4567
|
-
background: var(--ab-color-success);
|
|
4942
|
+
background: var(--ab-color-success);
|
|
4943
|
+
}
|
|
4568
4944
|
|
|
4569
4945
|
.ab-alert--warn,
|
|
4570
4946
|
.ab-alert--warning {
|
|
4571
|
-
background: var(--ab-color-warn);
|
|
4947
|
+
background: var(--ab-color-warn);
|
|
4948
|
+
}
|
|
4572
4949
|
|
|
4573
4950
|
.ab-alert--info {
|
|
4574
|
-
background: var(--ab-color-info);
|
|
4951
|
+
background: var(--ab-color-info);
|
|
4952
|
+
}
|
|
4575
4953
|
|
|
4576
4954
|
.ab-cell--align-left {
|
|
4577
|
-
text-align: left;
|
|
4955
|
+
text-align: left;
|
|
4956
|
+
}
|
|
4578
4957
|
|
|
4579
4958
|
.ab-cell--align-right {
|
|
4580
|
-
text-align: right;
|
|
4959
|
+
text-align: right;
|
|
4960
|
+
}
|
|
4581
4961
|
|
|
4582
4962
|
.ab-cell--align-center {
|
|
4583
|
-
text-align: center;
|
|
4963
|
+
text-align: center;
|
|
4964
|
+
}
|
|
4584
4965
|
|
|
4585
4966
|
.popover-content {
|
|
4586
|
-
padding: 1px;
|
|
4967
|
+
padding: 1px;
|
|
4968
|
+
}
|
|
4587
4969
|
|
|
4588
4970
|
/* Styles for the coloured cell render
|
|
4589
4971
|
*/
|
|
@@ -4592,36 +4974,44 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4592
4974
|
display: inline-block;
|
|
4593
4975
|
height: 100%;
|
|
4594
4976
|
position: relative;
|
|
4595
|
-
z-index: 0;
|
|
4977
|
+
z-index: 0;
|
|
4978
|
+
}
|
|
4596
4979
|
|
|
4597
4980
|
.ab_div-colour-render-text {
|
|
4598
4981
|
position: absolute;
|
|
4599
4982
|
font-weight: normal;
|
|
4600
4983
|
font-size: 12px;
|
|
4601
|
-
z-index: 100;
|
|
4984
|
+
z-index: 100;
|
|
4985
|
+
}
|
|
4602
4986
|
|
|
4603
4987
|
.ab_div-colour-render-div {
|
|
4604
4988
|
display: inline-block;
|
|
4605
4989
|
height: 100%;
|
|
4606
|
-
width: 100%;
|
|
4990
|
+
width: 100%;
|
|
4991
|
+
}
|
|
4607
4992
|
|
|
4608
4993
|
.ab-ActionColumn {
|
|
4609
4994
|
height: 100%;
|
|
4610
4995
|
display: flex;
|
|
4611
|
-
column-gap: var(--ab-space-1);
|
|
4996
|
+
column-gap: var(--ab-space-1);
|
|
4997
|
+
}
|
|
4612
4998
|
|
|
4613
4999
|
.ab-ActionColumn > button.ab-SimpleButton {
|
|
4614
|
-
|
|
5000
|
+
height: 100%;
|
|
5001
|
+
}
|
|
4615
5002
|
|
|
4616
5003
|
.adaptableRowActionButtons.ag-cell {
|
|
4617
|
-
padding: 0;
|
|
5004
|
+
padding: 0;
|
|
5005
|
+
}
|
|
4618
5006
|
|
|
4619
5007
|
.adaptableRowActionButtons.ag-cell .ab-ActionColumn {
|
|
4620
|
-
|
|
5008
|
+
column-gap: 0;
|
|
5009
|
+
}
|
|
4621
5010
|
|
|
4622
5011
|
.Toastify__toast-container {
|
|
4623
5012
|
border-style: none;
|
|
4624
|
-
border-width: 0px;
|
|
5013
|
+
border-width: 0px;
|
|
5014
|
+
}
|
|
4625
5015
|
|
|
4626
5016
|
.Toastify__toast {
|
|
4627
5017
|
padding: 0;
|
|
@@ -4638,22 +5028,28 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4638
5028
|
--toastify-color-info: var(--ab-color-info);
|
|
4639
5029
|
--toastify-color-success: var(--ab-color-success);
|
|
4640
5030
|
--toastify-color-warning: var(--ab-color-warn);
|
|
4641
|
-
--toastify-color-error: var(--ab-color-error);
|
|
5031
|
+
--toastify-color-error: var(--ab-color-error);
|
|
5032
|
+
}
|
|
4642
5033
|
|
|
4643
5034
|
.Toastify__toast-body {
|
|
4644
|
-
padding: 0;
|
|
5035
|
+
padding: 0;
|
|
5036
|
+
}
|
|
4645
5037
|
|
|
4646
5038
|
.Toastify__toast--info {
|
|
4647
|
-
--ab-toast-cmp__shadow-color: var(--ab-color-info);
|
|
5039
|
+
--ab-toast-cmp__shadow-color: var(--ab-color-info);
|
|
5040
|
+
}
|
|
4648
5041
|
|
|
4649
5042
|
.Toastify__toast--success {
|
|
4650
|
-
--ab-toast-cmp__shadow-color: var(--ab-color-success);
|
|
5043
|
+
--ab-toast-cmp__shadow-color: var(--ab-color-success);
|
|
5044
|
+
}
|
|
4651
5045
|
|
|
4652
5046
|
.Toastify__toast--warning {
|
|
4653
|
-
--ab-toast-cmp__shadow-color: var(--ab-color-warn);
|
|
5047
|
+
--ab-toast-cmp__shadow-color: var(--ab-color-warn);
|
|
5048
|
+
}
|
|
4654
5049
|
|
|
4655
5050
|
.Toastify__toast--error {
|
|
4656
|
-
--ab-toast-cmp__shadow-color: var(--ab-color-error);
|
|
5051
|
+
--ab-toast-cmp__shadow-color: var(--ab-color-error);
|
|
5052
|
+
}
|
|
4657
5053
|
|
|
4658
5054
|
.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar,
|
|
4659
5055
|
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar,
|
|
@@ -4664,7 +5060,8 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4664
5060
|
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar,
|
|
4665
5061
|
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar {
|
|
4666
5062
|
background-color: rgba(0, 0, 0, 0);
|
|
4667
|
-
border-radius: 100px;
|
|
5063
|
+
border-radius: 100px;
|
|
5064
|
+
}
|
|
4668
5065
|
|
|
4669
5066
|
.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:vertical,
|
|
4670
5067
|
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:vertical,
|
|
@@ -4674,7 +5071,8 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4674
5071
|
.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:vertical,
|
|
4675
5072
|
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:vertical,
|
|
4676
5073
|
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:vertical {
|
|
4677
|
-
width: var(--ab-custom-scrollbar-size);
|
|
5074
|
+
width: var(--ab-custom-scrollbar-size);
|
|
5075
|
+
}
|
|
4678
5076
|
|
|
4679
5077
|
.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:horizontal,
|
|
4680
5078
|
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:horizontal,
|
|
@@ -4684,7 +5082,8 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4684
5082
|
.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:horizontal,
|
|
4685
5083
|
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:horizontal,
|
|
4686
5084
|
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:horizontal {
|
|
4687
|
-
height: var(--ab-custom-scrollbar-size);
|
|
5085
|
+
height: var(--ab-custom-scrollbar-size);
|
|
5086
|
+
}
|
|
4688
5087
|
|
|
4689
5088
|
.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar:hover,
|
|
4690
5089
|
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar:hover,
|
|
@@ -4694,7 +5093,8 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4694
5093
|
.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar:hover,
|
|
4695
5094
|
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar:hover,
|
|
4696
5095
|
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar:hover {
|
|
4697
|
-
background-color: rgba(0, 0, 0, 0.09);
|
|
5096
|
+
background-color: rgba(0, 0, 0, 0.09);
|
|
5097
|
+
}
|
|
4698
5098
|
|
|
4699
5099
|
.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb,
|
|
4700
5100
|
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb,
|
|
@@ -4707,7 +5107,8 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4707
5107
|
background: rgba(0, 0, 0, 0.5);
|
|
4708
5108
|
border-radius: 100px;
|
|
4709
5109
|
background-clip: padding-box;
|
|
4710
|
-
border: 2px solid rgba(0, 0, 0, 0);
|
|
5110
|
+
border: 2px solid rgba(0, 0, 0, 0);
|
|
5111
|
+
}
|
|
4711
5112
|
|
|
4712
5113
|
.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:vertical,
|
|
4713
5114
|
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:vertical,
|
|
@@ -4717,7 +5118,8 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4717
5118
|
.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:vertical,
|
|
4718
5119
|
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:vertical,
|
|
4719
5120
|
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:vertical {
|
|
4720
|
-
min-height: var(--ab-custom-scrollbar-size);
|
|
5121
|
+
min-height: var(--ab-custom-scrollbar-size);
|
|
5122
|
+
}
|
|
4721
5123
|
|
|
4722
5124
|
.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:horizontal,
|
|
4723
5125
|
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:horizontal,
|
|
@@ -4727,7 +5129,8 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4727
5129
|
.ab--custom-mac-like-scrollbars .ab-Panel * ::-webkit-scrollbar-thumb:horizontal,
|
|
4728
5130
|
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:horizontal,
|
|
4729
5131
|
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:horizontal {
|
|
4730
|
-
min-width: var(--ab-custom-scrollbar-size);
|
|
5132
|
+
min-width: var(--ab-custom-scrollbar-size);
|
|
5133
|
+
}
|
|
4731
5134
|
|
|
4732
5135
|
.ab--custom-mac-like-scrollbars .ab-Grid * ::-webkit-scrollbar-thumb:active,
|
|
4733
5136
|
.ab--custom-mac-like-scrollbars .ag-root * ::-webkit-scrollbar-thumb:active,
|
|
@@ -4738,26 +5141,33 @@ button.ab-StatusBar__SubPanel:hover {
|
|
|
4738
5141
|
.ab--custom-mac-like-scrollbars .ab-Modal ::-webkit-scrollbar-thumb:active,
|
|
4739
5142
|
.ab--custom-mac-like-scrollbars .ab-Modal * ::-webkit-scrollbar-thumb:active {
|
|
4740
5143
|
background: rgba(0, 0, 0, 0.61);
|
|
4741
|
-
border-radius: 100px;
|
|
5144
|
+
border-radius: 100px;
|
|
5145
|
+
}
|
|
4742
5146
|
|
|
4743
5147
|
.ag-details-row {
|
|
4744
5148
|
display: flex;
|
|
4745
|
-
flex-flow: column;
|
|
5149
|
+
flex-flow: column;
|
|
5150
|
+
}
|
|
4746
5151
|
|
|
4747
5152
|
.ag-details-row .ag-details-grid {
|
|
4748
|
-
|
|
5153
|
+
flex: 1;
|
|
5154
|
+
}
|
|
4749
5155
|
|
|
4750
5156
|
.ab-wait-for-progress-indicator.ab-Grid {
|
|
4751
|
-
pointer-events: none;
|
|
5157
|
+
pointer-events: none;
|
|
5158
|
+
}
|
|
4752
5159
|
|
|
4753
5160
|
:root {
|
|
4754
|
-
--ab_flex-direction: column;
|
|
5161
|
+
--ab_flex-direction: column;
|
|
5162
|
+
}
|
|
4755
5163
|
|
|
4756
5164
|
.ab__react-wrapper {
|
|
4757
5165
|
display: flex;
|
|
4758
|
-
flex-flow: var(--ab_flex-direction);
|
|
5166
|
+
flex-flow: var(--ab_flex-direction);
|
|
5167
|
+
}
|
|
4759
5168
|
|
|
4760
5169
|
html.ab--theme-light {
|
|
4761
|
-
--ab-theme-loaded: light;
|
|
5170
|
+
--ab-theme-loaded: light;
|
|
5171
|
+
}
|
|
4762
5172
|
|
|
4763
5173
|
/*# sourceMappingURL=index.css.map */
|