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