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