@delon/theme 20.0.0-beta.0 → 20.0.1

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.
Files changed (19) hide show
  1. package/compact.css +95 -22
  2. package/compact.min.css +1 -1
  3. package/dark.css +95 -22
  4. package/dark.min.css +1 -1
  5. package/default.css +95 -22
  6. package/default.min.css +1 -1
  7. package/fesm2022/layout-default.mjs +28 -28
  8. package/fesm2022/layout-default.mjs.map +1 -1
  9. package/fesm2022/setting-drawer.mjs +10 -10
  10. package/fesm2022/setting-drawer.mjs.map +1 -1
  11. package/fesm2022/theme-btn.mjs +9 -9
  12. package/fesm2022/theme-btn.mjs.map +1 -1
  13. package/fesm2022/theme.mjs +66 -66
  14. package/fesm2022/theme.mjs.map +1 -1
  15. package/layout-default/index.d.ts +1 -1
  16. package/package.json +6 -6
  17. package/theme-btn/index.d.ts +1 -1
  18. package/variable.css +95 -22
  19. package/variable.min.css +1 -1
package/dark.css CHANGED
@@ -31429,10 +31429,14 @@ nz-space-item {
31429
31429
  }
31430
31430
  .ant-float-btn-group {
31431
31431
  position: fixed;
31432
+ bottom: 48px;
31432
31433
  z-index: 99;
31433
- display: block;
31434
+ display: flex;
31435
+ flex-direction: column;
31436
+ align-items: center;
31437
+ justify-content: center;
31434
31438
  box-sizing: border-box;
31435
- width: 40px;
31439
+ min-width: 40px;
31436
31440
  height: auto;
31437
31441
  min-height: 40px;
31438
31442
  margin: 0;
@@ -31446,22 +31450,73 @@ nz-space-item {
31446
31450
  border-radius: 2px;
31447
31451
  box-shadow: none;
31448
31452
  inset-inline-end: 24px;
31449
- inset-block-end: 48px;
31450
31453
  }
31451
31454
  .ant-float-btn-group-wrap {
31452
- position: relative;
31455
+ position: absolute;
31453
31456
  z-index: -1;
31454
- display: block;
31455
- margin-bottom: 16px;
31457
+ display: flex;
31458
+ align-items: center;
31459
+ justify-content: center;
31456
31460
  }
31457
- .ant-float-btn-group-rtl {
31461
+ .ant-float-btn-group.ant-float-btn-group-rtl {
31458
31462
  direction: rtl;
31459
31463
  }
31460
31464
  .ant-float-btn-group .ant-float-btn {
31461
31465
  position: static;
31462
31466
  }
31463
- .ant-float-btn-group-circle .ant-float-btn-circle:not(:last-child) {
31464
- margin-bottom: 16px;
31467
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap {
31468
+ top: auto;
31469
+ bottom: calc(40px + 16px);
31470
+ flex-direction: column;
31471
+ }
31472
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap::after {
31473
+ position: absolute;
31474
+ bottom: -16px;
31475
+ width: 100%;
31476
+ height: 16px;
31477
+ content: '';
31478
+ }
31479
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap {
31480
+ top: calc(40px + 16px);
31481
+ bottom: auto;
31482
+ flex-direction: column;
31483
+ }
31484
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap::after {
31485
+ position: absolute;
31486
+ top: -16px;
31487
+ width: 100%;
31488
+ height: 16px;
31489
+ content: '';
31490
+ }
31491
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap {
31492
+ right: calc(40px + 16px);
31493
+ left: auto;
31494
+ flex-direction: row;
31495
+ }
31496
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap::after {
31497
+ position: absolute;
31498
+ right: -16px;
31499
+ width: 16px;
31500
+ height: 100%;
31501
+ content: '';
31502
+ }
31503
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap {
31504
+ right: auto;
31505
+ left: calc(40px + 16px);
31506
+ flex-direction: row;
31507
+ }
31508
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap::after {
31509
+ position: absolute;
31510
+ left: -16px;
31511
+ width: 16px;
31512
+ height: 100%;
31513
+ content: '';
31514
+ }
31515
+ .ant-float-btn-group-circle {
31516
+ gap: 16px;
31517
+ }
31518
+ .ant-float-btn-group-circle .ant-float-btn-group-wrap {
31519
+ gap: 16px;
31465
31520
  }
31466
31521
  .ant-float-btn-group-circle .ant-float-btn-body {
31467
31522
  width: 40px;
@@ -31471,43 +31526,61 @@ nz-space-item {
31471
31526
  padding: 0;
31472
31527
  border-radius: 0;
31473
31528
  }
31529
+ .ant-float-btn-group-square .ant-float-btn-square.ant-float-btn-group-trigger {
31530
+ border-radius: 2px;
31531
+ }
31474
31532
  .ant-float-btn-group-square .ant-float-btn-square:first-child {
31475
31533
  border-start-start-radius: 2px;
31476
31534
  border-start-end-radius: 2px;
31477
31535
  }
31478
31536
  .ant-float-btn-group-square .ant-float-btn-square:last-child {
31479
- border-start-start-radius: 2px;
31480
- border-start-end-radius: 2px;
31537
+ border-end-start-radius: 2px;
31538
+ border-end-end-radius: 2px;
31481
31539
  }
31482
31540
  .ant-float-btn-group-square .ant-float-btn-square:not(:last-child) {
31483
31541
  border-bottom: 1px solid #434343;
31484
31542
  }
31485
31543
  .ant-float-btn-group-square .ant-float-btn-group-wrap {
31486
- display: block;
31487
- overflow: hidden;
31488
31544
  border-radius: 2px;
31489
31545
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
31490
31546
  }
31491
31547
  .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square {
31492
- margin-top: 0;
31493
31548
  padding: 4px;
31494
31549
  border-radius: 0;
31495
31550
  box-shadow: none;
31496
31551
  }
31497
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:first-child {
31498
- border-start-start-radius: 2px;
31499
- border-start-end-radius: 2px;
31552
+ .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square .ant-float-btn-body {
31553
+ width: 32px;
31554
+ height: 32px;
31500
31555
  }
31501
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:last-child {
31556
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child,
31557
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child {
31502
31558
  border-start-start-radius: 2px;
31503
31559
  border-start-end-radius: 2px;
31504
31560
  }
31505
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:not(:last-child) {
31561
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child,
31562
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child {
31563
+ border-end-start-radius: 2px;
31564
+ border-end-end-radius: 2px;
31565
+ }
31566
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child),
31567
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child) {
31506
31568
  border-bottom: 1px solid #434343;
31507
31569
  }
31508
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square .ant-float-btn-body {
31509
- width: 32px;
31510
- height: 32px;
31570
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child,
31571
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child {
31572
+ border-start-start-radius: 2px;
31573
+ border-end-start-radius: 2px;
31574
+ }
31575
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child,
31576
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child {
31577
+ border-start-end-radius: 2px;
31578
+ border-end-end-radius: 2px;
31579
+ }
31580
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child),
31581
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child) {
31582
+ border-inline-end: 1px solid #434343;
31583
+ border-bottom: none;
31511
31584
  }
31512
31585
  .ant-float-btn-group-circle-shadow {
31513
31586
  box-shadow: none;