@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/default.css CHANGED
@@ -30866,10 +30866,14 @@ nz-space-item {
30866
30866
  }
30867
30867
  .ant-float-btn-group {
30868
30868
  position: fixed;
30869
+ bottom: 48px;
30869
30870
  z-index: 99;
30870
- display: block;
30871
+ display: flex;
30872
+ flex-direction: column;
30873
+ align-items: center;
30874
+ justify-content: center;
30871
30875
  box-sizing: border-box;
30872
- width: 40px;
30876
+ min-width: 40px;
30873
30877
  height: auto;
30874
30878
  min-height: 40px;
30875
30879
  margin: 0;
@@ -30883,22 +30887,73 @@ nz-space-item {
30883
30887
  border-radius: 2px;
30884
30888
  box-shadow: none;
30885
30889
  inset-inline-end: 24px;
30886
- inset-block-end: 48px;
30887
30890
  }
30888
30891
  .ant-float-btn-group-wrap {
30889
- position: relative;
30892
+ position: absolute;
30890
30893
  z-index: -1;
30891
- display: block;
30892
- margin-bottom: 16px;
30894
+ display: flex;
30895
+ align-items: center;
30896
+ justify-content: center;
30893
30897
  }
30894
- .ant-float-btn-group-rtl {
30898
+ .ant-float-btn-group.ant-float-btn-group-rtl {
30895
30899
  direction: rtl;
30896
30900
  }
30897
30901
  .ant-float-btn-group .ant-float-btn {
30898
30902
  position: static;
30899
30903
  }
30900
- .ant-float-btn-group-circle .ant-float-btn-circle:not(:last-child) {
30901
- margin-bottom: 16px;
30904
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap {
30905
+ top: auto;
30906
+ bottom: calc(40px + 16px);
30907
+ flex-direction: column;
30908
+ }
30909
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap::after {
30910
+ position: absolute;
30911
+ bottom: -16px;
30912
+ width: 100%;
30913
+ height: 16px;
30914
+ content: '';
30915
+ }
30916
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap {
30917
+ top: calc(40px + 16px);
30918
+ bottom: auto;
30919
+ flex-direction: column;
30920
+ }
30921
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap::after {
30922
+ position: absolute;
30923
+ top: -16px;
30924
+ width: 100%;
30925
+ height: 16px;
30926
+ content: '';
30927
+ }
30928
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap {
30929
+ right: calc(40px + 16px);
30930
+ left: auto;
30931
+ flex-direction: row;
30932
+ }
30933
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap::after {
30934
+ position: absolute;
30935
+ right: -16px;
30936
+ width: 16px;
30937
+ height: 100%;
30938
+ content: '';
30939
+ }
30940
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap {
30941
+ right: auto;
30942
+ left: calc(40px + 16px);
30943
+ flex-direction: row;
30944
+ }
30945
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap::after {
30946
+ position: absolute;
30947
+ left: -16px;
30948
+ width: 16px;
30949
+ height: 100%;
30950
+ content: '';
30951
+ }
30952
+ .ant-float-btn-group-circle {
30953
+ gap: 16px;
30954
+ }
30955
+ .ant-float-btn-group-circle .ant-float-btn-group-wrap {
30956
+ gap: 16px;
30902
30957
  }
30903
30958
  .ant-float-btn-group-circle .ant-float-btn-body {
30904
30959
  width: 40px;
@@ -30908,43 +30963,61 @@ nz-space-item {
30908
30963
  padding: 0;
30909
30964
  border-radius: 0;
30910
30965
  }
30966
+ .ant-float-btn-group-square .ant-float-btn-square.ant-float-btn-group-trigger {
30967
+ border-radius: 2px;
30968
+ }
30911
30969
  .ant-float-btn-group-square .ant-float-btn-square:first-child {
30912
30970
  border-start-start-radius: 2px;
30913
30971
  border-start-end-radius: 2px;
30914
30972
  }
30915
30973
  .ant-float-btn-group-square .ant-float-btn-square:last-child {
30916
- border-start-start-radius: 2px;
30917
- border-start-end-radius: 2px;
30974
+ border-end-start-radius: 2px;
30975
+ border-end-end-radius: 2px;
30918
30976
  }
30919
30977
  .ant-float-btn-group-square .ant-float-btn-square:not(:last-child) {
30920
30978
  border-bottom: 1px solid #d9d9d9;
30921
30979
  }
30922
30980
  .ant-float-btn-group-square .ant-float-btn-group-wrap {
30923
- display: block;
30924
- overflow: hidden;
30925
30981
  border-radius: 2px;
30926
30982
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
30927
30983
  }
30928
30984
  .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square {
30929
- margin-top: 0;
30930
30985
  padding: 4px;
30931
30986
  border-radius: 0;
30932
30987
  box-shadow: none;
30933
30988
  }
30934
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:first-child {
30935
- border-start-start-radius: 2px;
30936
- border-start-end-radius: 2px;
30989
+ .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square .ant-float-btn-body {
30990
+ width: 32px;
30991
+ height: 32px;
30937
30992
  }
30938
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:last-child {
30993
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child,
30994
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child {
30939
30995
  border-start-start-radius: 2px;
30940
30996
  border-start-end-radius: 2px;
30941
30997
  }
30942
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square:not(:last-child) {
30998
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child,
30999
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child {
31000
+ border-end-start-radius: 2px;
31001
+ border-end-end-radius: 2px;
31002
+ }
31003
+ .ant-float-btn-group-top > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child),
31004
+ .ant-float-btn-group-bottom > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child) {
30943
31005
  border-bottom: 1px solid #d9d9d9;
30944
31006
  }
30945
- .ant-float-btn-group-square .ant-float-btn-group-wrap .ant-float-btn-square .ant-float-btn-body {
30946
- width: 32px;
30947
- height: 32px;
31007
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child,
31008
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:first-child {
31009
+ border-start-start-radius: 2px;
31010
+ border-end-start-radius: 2px;
31011
+ }
31012
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child,
31013
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:last-child {
31014
+ border-start-end-radius: 2px;
31015
+ border-end-end-radius: 2px;
31016
+ }
31017
+ .ant-float-btn-group-left > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child),
31018
+ .ant-float-btn-group-right > .ant-float-btn-group-wrap > .ant-float-btn-square:not(:last-child) {
31019
+ border-inline-end: 1px solid #d9d9d9;
31020
+ border-bottom: none;
30948
31021
  }
30949
31022
  .ant-float-btn-group-circle-shadow {
30950
31023
  box-shadow: none;