@syncfusion/ej2-angular-layouts 26.1.38 → 26.2.4

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 (111) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/package.json +8 -8
  3. package/schematics/utils/lib-details.ts +2 -2
  4. package/styles/avatar/bootstrap-dark.css +1 -48
  5. package/styles/avatar/bootstrap.css +1 -48
  6. package/styles/avatar/bootstrap4.css +1 -48
  7. package/styles/avatar/bootstrap5-dark.css +1 -63
  8. package/styles/avatar/bootstrap5.css +1 -63
  9. package/styles/avatar/fabric-dark.css +1 -48
  10. package/styles/avatar/fabric.css +1 -48
  11. package/styles/avatar/fluent-dark.css +1 -61
  12. package/styles/avatar/fluent.css +1 -61
  13. package/styles/avatar/fluent2.css +1 -1097
  14. package/styles/avatar/highcontrast-light.css +1 -48
  15. package/styles/avatar/highcontrast.css +1 -48
  16. package/styles/avatar/material-dark.css +1 -48
  17. package/styles/avatar/material.css +1 -48
  18. package/styles/avatar/material3-dark.css +1 -171
  19. package/styles/avatar/material3.css +1 -283
  20. package/styles/avatar/tailwind-dark.css +1 -61
  21. package/styles/avatar/tailwind.css +1 -61
  22. package/styles/bootstrap-dark.css +1 -1752
  23. package/styles/bootstrap.css +1 -1753
  24. package/styles/bootstrap4.css +1 -1757
  25. package/styles/bootstrap5-dark.css +1 -1770
  26. package/styles/bootstrap5.css +1 -1770
  27. package/styles/card/bootstrap-dark.css +1 -556
  28. package/styles/card/bootstrap.css +1 -557
  29. package/styles/card/bootstrap4.css +1 -563
  30. package/styles/card/bootstrap5-dark.css +1 -556
  31. package/styles/card/bootstrap5.css +1 -556
  32. package/styles/card/fabric-dark.css +1 -556
  33. package/styles/card/fabric.css +1 -567
  34. package/styles/card/fluent-dark.css +1 -579
  35. package/styles/card/fluent.css +1 -579
  36. package/styles/card/fluent2.css +1 -1593
  37. package/styles/card/highcontrast-light.css +1 -556
  38. package/styles/card/highcontrast.css +1 -568
  39. package/styles/card/material-dark.css +1 -556
  40. package/styles/card/material.css +1 -557
  41. package/styles/card/material3-dark.css +1 -667
  42. package/styles/card/material3.css +1 -779
  43. package/styles/card/tailwind-dark.css +1 -557
  44. package/styles/card/tailwind.css +1 -557
  45. package/styles/dashboard-layout/bootstrap-dark.css +1 -295
  46. package/styles/dashboard-layout/bootstrap.css +1 -295
  47. package/styles/dashboard-layout/bootstrap4.css +1 -295
  48. package/styles/dashboard-layout/bootstrap5-dark.css +1 -306
  49. package/styles/dashboard-layout/bootstrap5.css +1 -306
  50. package/styles/dashboard-layout/fabric-dark.css +1 -295
  51. package/styles/dashboard-layout/fabric.css +1 -295
  52. package/styles/dashboard-layout/fluent-dark.css +1 -300
  53. package/styles/dashboard-layout/fluent.css +1 -300
  54. package/styles/dashboard-layout/fluent2.css +1 -1336
  55. package/styles/dashboard-layout/highcontrast-light.css +1 -232
  56. package/styles/dashboard-layout/highcontrast.css +1 -293
  57. package/styles/dashboard-layout/material-dark.css +1 -295
  58. package/styles/dashboard-layout/material.css +1 -295
  59. package/styles/dashboard-layout/material3-dark.css +1 -412
  60. package/styles/dashboard-layout/material3.css +1 -524
  61. package/styles/dashboard-layout/tailwind-dark.css +1 -319
  62. package/styles/dashboard-layout/tailwind.css +1 -319
  63. package/styles/fabric-dark.css +1 -1752
  64. package/styles/fabric.css +1 -1763
  65. package/styles/fluent-dark.css +1 -1785
  66. package/styles/fluent.css +1 -1785
  67. package/styles/fluent2.css +1 -6939
  68. package/styles/highcontrast-light.css +1 -1689
  69. package/styles/highcontrast.css +1 -1762
  70. package/styles/material-dark.css +1 -1750
  71. package/styles/material.css +1 -1752
  72. package/styles/material3-dark.css +1 -2315
  73. package/styles/material3.css +1 -2875
  74. package/styles/splitter/bootstrap-dark.css +1 -552
  75. package/styles/splitter/bootstrap.css +1 -552
  76. package/styles/splitter/bootstrap4.css +1 -550
  77. package/styles/splitter/bootstrap5-dark.css +1 -544
  78. package/styles/splitter/bootstrap5.css +1 -544
  79. package/styles/splitter/fabric-dark.css +1 -552
  80. package/styles/splitter/fabric.css +1 -552
  81. package/styles/splitter/fluent-dark.css +1 -544
  82. package/styles/splitter/fluent.css +1 -544
  83. package/styles/splitter/fluent2.css +1 -1578
  84. package/styles/splitter/highcontrast-light.css +1 -552
  85. package/styles/splitter/highcontrast.css +1 -552
  86. package/styles/splitter/material-dark.css +1 -550
  87. package/styles/splitter/material.css +1 -551
  88. package/styles/splitter/material3-dark.css +1 -654
  89. package/styles/splitter/material3.css +1 -766
  90. package/styles/splitter/tailwind-dark.css +1 -544
  91. package/styles/splitter/tailwind.css +1 -544
  92. package/styles/tailwind-dark.css +1 -1782
  93. package/styles/tailwind.css +1 -1782
  94. package/styles/timeline/bootstrap-dark.css +1 -298
  95. package/styles/timeline/bootstrap.css +1 -298
  96. package/styles/timeline/bootstrap4.css +1 -298
  97. package/styles/timeline/bootstrap5-dark.css +1 -298
  98. package/styles/timeline/bootstrap5.css +1 -298
  99. package/styles/timeline/fabric-dark.css +1 -298
  100. package/styles/timeline/fabric.css +1 -298
  101. package/styles/timeline/fluent-dark.css +1 -298
  102. package/styles/timeline/fluent.css +1 -298
  103. package/styles/timeline/fluent2.css +1 -1332
  104. package/styles/timeline/highcontrast-light.css +1 -298
  105. package/styles/timeline/highcontrast.css +1 -298
  106. package/styles/timeline/material-dark.css +1 -298
  107. package/styles/timeline/material.css +1 -298
  108. package/styles/timeline/material3-dark.css +1 -408
  109. package/styles/timeline/material3.css +1 -520
  110. package/styles/timeline/tailwind-dark.css +1 -298
  111. package/styles/timeline/tailwind.css +1 -298
package/CHANGELOG.md CHANGED
@@ -2,6 +2,8 @@
2
2
 
3
3
  ## [Unreleased]
4
4
 
5
+ ## 26.1.38 (2024-06-19)
6
+
5
7
  ### DashboardLayout
6
8
 
7
9
  #### Bug Fixes
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-angular-layouts@*",
3
- "_id": "@syncfusion/ej2-angular-layouts@26.1.35",
3
+ "_id": "@syncfusion/ej2-angular-layouts@26.1.38",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-kqxkemgHQPs7jDjMCNqa0jJTctcGGvZMsXx65d44Ci+aQW5UQuUO1NY8ALkggCHHPWuriSfgCyDp+oYwfbqq/A==",
5
+ "_integrity": "sha512-sNXVegqhedgIGndlR8aFkCfFry35zyY9lLOrqREBqJHABgfDLTS4bDRMe/bFAH8+JeLQC9od8mos4E8AM8yX8Q==",
6
6
  "_location": "/@syncfusion/ej2-angular-layouts",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,8 +19,8 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-layouts/-/ej2-angular-layouts-26.1.35.tgz",
23
- "_shasum": "2b0da2f2ac2510185f68d55631e506777efb7ea2",
22
+ "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-layouts/-/ej2-angular-layouts-26.1.38.tgz",
23
+ "_shasum": "178d4606c5e7c082bd5b11d5da73d4f3df9b5123",
24
24
  "_spec": "@syncfusion/ej2-angular-layouts@*",
25
25
  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/ivypackages/included",
26
26
  "author": {
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-angular-base": "~26.1.35",
35
- "@syncfusion/ej2-base": "~26.1.37",
36
- "@syncfusion/ej2-layouts": "26.1.38",
34
+ "@syncfusion/ej2-angular-base": "~26.2.4",
35
+ "@syncfusion/ej2-base": "~26.2.4",
36
+ "@syncfusion/ej2-layouts": "26.2.4",
37
37
  "tslib": "^2.3.0"
38
38
  },
39
39
  "deprecated": false,
@@ -78,5 +78,5 @@
78
78
  "schematics": "./schematics/collection.json",
79
79
  "sideEffects": false,
80
80
  "typings": "syncfusion-ej2-angular-layouts.d.ts",
81
- "version": "26.1.38"
81
+ "version": "26.2.4"
82
82
  }
@@ -1,4 +1,4 @@
1
1
  export const pkgName = '@syncfusion/ej2-angular-layouts';
2
- export const pkgVer = '^26.1.35';
2
+ export const pkgVer = '^26.1.38';
3
3
  export const moduleName = 'SplitterModule, DashboardLayoutModule, TimelineModule';
4
- export const themeVer = '~26.1.35';
4
+ export const themeVer = '~26.1.38';
@@ -1,48 +1 @@
1
- .e-avatar {
2
- -ms-flex-line-pack: center;
3
- align-content: center;
4
- -webkit-box-align: center;
5
- -ms-flex-align: center;
6
- align-items: center;
7
- background-color: #bcbcbc;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-size: cover;
11
- border-radius: 5px;
12
- color: #fff;
13
- display: -webkit-inline-box;
14
- display: -ms-inline-flexbox;
15
- display: inline-flex;
16
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
17
- font-size: 1em;
18
- font-weight: 400;
19
- height: 3em;
20
- -webkit-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- overflow: hidden;
24
- position: relative;
25
- width: 3em;
26
- }
27
- .e-avatar img {
28
- height: 100%;
29
- width: auto;
30
- }
31
- .e-avatar.e-avatar-circle {
32
- border-radius: 50%;
33
- }
34
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
35
- border-radius: 50%;
36
- }
37
- .e-avatar.e-avatar-xsmall {
38
- font-size: 0.6em;
39
- }
40
- .e-avatar.e-avatar-small {
41
- font-size: 0.8em;
42
- }
43
- .e-avatar.e-avatar-large {
44
- font-size: 1.2em;
45
- }
46
- .e-avatar.e-avatar-xlarge {
47
- font-size: 1.4em;
48
- }
1
+ @import '@syncfusion/ej2-layouts/styles/avatar/bootstrap-dark.css';
@@ -1,48 +1 @@
1
- .e-avatar {
2
- -ms-flex-line-pack: center;
3
- align-content: center;
4
- -webkit-box-align: center;
5
- -ms-flex-align: center;
6
- align-items: center;
7
- background-color: #bcbcbc;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-size: cover;
11
- border-radius: 5px;
12
- color: #fff;
13
- display: -webkit-inline-box;
14
- display: -ms-inline-flexbox;
15
- display: inline-flex;
16
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
17
- font-size: 1em;
18
- font-weight: 400;
19
- height: 3em;
20
- -webkit-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- overflow: hidden;
24
- position: relative;
25
- width: 3em;
26
- }
27
- .e-avatar img {
28
- height: 100%;
29
- width: auto;
30
- }
31
- .e-avatar.e-avatar-circle {
32
- border-radius: 50%;
33
- }
34
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
35
- border-radius: 50%;
36
- }
37
- .e-avatar.e-avatar-xsmall {
38
- font-size: 0.6em;
39
- }
40
- .e-avatar.e-avatar-small {
41
- font-size: 0.8em;
42
- }
43
- .e-avatar.e-avatar-large {
44
- font-size: 1.2em;
45
- }
46
- .e-avatar.e-avatar-xlarge {
47
- font-size: 1.4em;
48
- }
1
+ @import '@syncfusion/ej2-layouts/styles/avatar/bootstrap.css';
@@ -1,48 +1 @@
1
- .e-avatar {
2
- -ms-flex-line-pack: center;
3
- align-content: center;
4
- -webkit-box-align: center;
5
- -ms-flex-align: center;
6
- align-items: center;
7
- background-color: #e9ecef;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-size: cover;
11
- border-radius: 4px;
12
- color: #212529;
13
- display: -webkit-inline-box;
14
- display: -ms-inline-flexbox;
15
- display: inline-flex;
16
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
17
- font-size: 1.05em;
18
- font-weight: 400;
19
- height: 2.5em;
20
- -webkit-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- overflow: hidden;
24
- position: relative;
25
- width: 2.5em;
26
- }
27
- .e-avatar img {
28
- height: 100%;
29
- width: auto;
30
- }
31
- .e-avatar.e-avatar-circle {
32
- border-radius: 50%;
33
- }
34
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
35
- border-radius: 50%;
36
- }
37
- .e-avatar.e-avatar-xsmall {
38
- font-size: 0.65em;
39
- }
40
- .e-avatar.e-avatar-small {
41
- font-size: 0.85em;
42
- }
43
- .e-avatar.e-avatar-large {
44
- font-size: 1.25em;
45
- }
46
- .e-avatar.e-avatar-xlarge {
47
- font-size: 1.45em;
48
- }
1
+ @import '@syncfusion/ej2-layouts/styles/avatar/bootstrap4.css';
@@ -1,63 +1 @@
1
- .e-avatar {
2
- -ms-flex-line-pack: center;
3
- align-content: center;
4
- -webkit-box-align: center;
5
- -ms-flex-align: center;
6
- align-items: center;
7
- background-color: #495057;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-size: cover;
11
- border-radius: 2px;
12
- color: #adb5bd;
13
- display: -webkit-inline-box;
14
- display: -ms-inline-flexbox;
15
- display: inline-flex;
16
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
17
- font-size: 14px;
18
- font-weight: 500;
19
- height: 40px;
20
- -webkit-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- overflow: hidden;
24
- position: relative;
25
- width: 40px;
26
- line-height: 22px;
27
- }
28
- .e-avatar img {
29
- height: 100%;
30
- width: auto;
31
- }
32
- .e-avatar.e-avatar-circle {
33
- border-radius: 50%;
34
- }
35
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
36
- border-radius: 50%;
37
- }
38
- .e-avatar.e-avatar-xsmall {
39
- font-size: 10px;
40
- height: 24px;
41
- width: 24px;
42
- line-height: 16px;
43
- }
44
- .e-avatar.e-avatar-small {
45
- font-size: 12px;
46
- height: 32px;
47
- width: 32px;
48
- line-height: 18px;
49
- }
50
- .e-avatar.e-avatar-large {
51
- font-size: 18px;
52
- height: 48px;
53
- width: 48px;
54
- line-height: 28px;
55
- border-radius: 4px;
56
- }
57
- .e-avatar.e-avatar-xlarge {
58
- font-size: 20px;
59
- height: 56px;
60
- width: 56px;
61
- line-height: 28px;
62
- border-radius: 4px;
63
- }
1
+ @import '@syncfusion/ej2-layouts/styles/avatar/bootstrap5-dark.css';
@@ -1,63 +1 @@
1
- .e-avatar {
2
- -ms-flex-line-pack: center;
3
- align-content: center;
4
- -webkit-box-align: center;
5
- -ms-flex-align: center;
6
- align-items: center;
7
- background-color: #dee2e6;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-size: cover;
11
- border-radius: 2px;
12
- color: #6c757d;
13
- display: -webkit-inline-box;
14
- display: -ms-inline-flexbox;
15
- display: inline-flex;
16
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
17
- font-size: 14px;
18
- font-weight: 500;
19
- height: 40px;
20
- -webkit-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- overflow: hidden;
24
- position: relative;
25
- width: 40px;
26
- line-height: 22px;
27
- }
28
- .e-avatar img {
29
- height: 100%;
30
- width: auto;
31
- }
32
- .e-avatar.e-avatar-circle {
33
- border-radius: 50%;
34
- }
35
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
36
- border-radius: 50%;
37
- }
38
- .e-avatar.e-avatar-xsmall {
39
- font-size: 10px;
40
- height: 24px;
41
- width: 24px;
42
- line-height: 16px;
43
- }
44
- .e-avatar.e-avatar-small {
45
- font-size: 12px;
46
- height: 32px;
47
- width: 32px;
48
- line-height: 18px;
49
- }
50
- .e-avatar.e-avatar-large {
51
- font-size: 18px;
52
- height: 48px;
53
- width: 48px;
54
- line-height: 28px;
55
- border-radius: 4px;
56
- }
57
- .e-avatar.e-avatar-xlarge {
58
- font-size: 20px;
59
- height: 56px;
60
- width: 56px;
61
- line-height: 28px;
62
- border-radius: 4px;
63
- }
1
+ @import '@syncfusion/ej2-layouts/styles/avatar/bootstrap5.css';
@@ -1,48 +1 @@
1
- .e-avatar {
2
- -ms-flex-line-pack: center;
3
- align-content: center;
4
- -webkit-box-align: center;
5
- -ms-flex-align: center;
6
- align-items: center;
7
- background-color: #bcbcbc;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-size: cover;
11
- border-radius: 5px;
12
- color: #fff;
13
- display: -webkit-inline-box;
14
- display: -ms-inline-flexbox;
15
- display: inline-flex;
16
- font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
17
- font-size: 1em;
18
- font-weight: 400;
19
- height: 3em;
20
- -webkit-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- overflow: hidden;
24
- position: relative;
25
- width: 3em;
26
- }
27
- .e-avatar img {
28
- height: 100%;
29
- width: auto;
30
- }
31
- .e-avatar.e-avatar-circle {
32
- border-radius: 50%;
33
- }
34
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
35
- border-radius: 50%;
36
- }
37
- .e-avatar.e-avatar-xsmall {
38
- font-size: 0.6em;
39
- }
40
- .e-avatar.e-avatar-small {
41
- font-size: 0.8em;
42
- }
43
- .e-avatar.e-avatar-large {
44
- font-size: 1.2em;
45
- }
46
- .e-avatar.e-avatar-xlarge {
47
- font-size: 1.4em;
48
- }
1
+ @import '@syncfusion/ej2-layouts/styles/avatar/fabric-dark.css';
@@ -1,48 +1 @@
1
- .e-avatar {
2
- -ms-flex-line-pack: center;
3
- align-content: center;
4
- -webkit-box-align: center;
5
- -ms-flex-align: center;
6
- align-items: center;
7
- background-color: #bcbcbc;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-size: cover;
11
- border-radius: 5px;
12
- color: #fff;
13
- display: -webkit-inline-box;
14
- display: -ms-inline-flexbox;
15
- display: inline-flex;
16
- font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
17
- font-size: 1em;
18
- font-weight: 400;
19
- height: 3em;
20
- -webkit-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- overflow: hidden;
24
- position: relative;
25
- width: 3em;
26
- }
27
- .e-avatar img {
28
- height: 100%;
29
- width: auto;
30
- }
31
- .e-avatar.e-avatar-circle {
32
- border-radius: 50%;
33
- }
34
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
35
- border-radius: 50%;
36
- }
37
- .e-avatar.e-avatar-xsmall {
38
- font-size: 0.6em;
39
- }
40
- .e-avatar.e-avatar-small {
41
- font-size: 0.8em;
42
- }
43
- .e-avatar.e-avatar-large {
44
- font-size: 1.2em;
45
- }
46
- .e-avatar.e-avatar-xlarge {
47
- font-size: 1.4em;
48
- }
1
+ @import '@syncfusion/ej2-layouts/styles/avatar/fabric.css';
@@ -1,61 +1 @@
1
- .e-avatar {
2
- -ms-flex-line-pack: center;
3
- align-content: center;
4
- -webkit-box-align: center;
5
- -ms-flex-align: center;
6
- align-items: center;
7
- background-color: #292827;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-size: cover;
11
- border-radius: 4px;
12
- color: #a19f9d;
13
- display: -webkit-inline-box;
14
- display: -ms-inline-flexbox;
15
- display: inline-flex;
16
- font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
17
- font-size: 16px;
18
- font-weight: 400;
19
- height: 40px;
20
- -webkit-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- overflow: hidden;
24
- position: relative;
25
- width: 40px;
26
- line-height: 24px;
27
- }
28
- .e-avatar img {
29
- height: 100%;
30
- width: auto;
31
- }
32
- .e-avatar.e-avatar-circle {
33
- border-radius: 50%;
34
- }
35
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
36
- border-radius: 50%;
37
- }
38
- .e-avatar.e-avatar-xsmall {
39
- font-size: 10px;
40
- height: 24px;
41
- width: 24px;
42
- line-height: 16px;
43
- }
44
- .e-avatar.e-avatar-small {
45
- font-size: 12px;
46
- height: 32px;
47
- width: 32px;
48
- line-height: 18px;
49
- }
50
- .e-avatar.e-avatar-large {
51
- font-size: 20px;
52
- height: 48px;
53
- width: 48px;
54
- line-height: 28px;
55
- }
56
- .e-avatar.e-avatar-xlarge {
57
- font-size: 24px;
58
- height: 56px;
59
- width: 56px;
60
- line-height: 28px;
61
- }
1
+ @import '@syncfusion/ej2-layouts/styles/avatar/fluent-dark.css';
@@ -1,61 +1 @@
1
- .e-avatar {
2
- -ms-flex-line-pack: center;
3
- align-content: center;
4
- -webkit-box-align: center;
5
- -ms-flex-align: center;
6
- align-items: center;
7
- background-color: #edebe9;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-size: cover;
11
- border-radius: 4px;
12
- color: #605e5c;
13
- display: -webkit-inline-box;
14
- display: -ms-inline-flexbox;
15
- display: inline-flex;
16
- font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
17
- font-size: 16px;
18
- font-weight: 400;
19
- height: 40px;
20
- -webkit-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- overflow: hidden;
24
- position: relative;
25
- width: 40px;
26
- line-height: 24px;
27
- }
28
- .e-avatar img {
29
- height: 100%;
30
- width: auto;
31
- }
32
- .e-avatar.e-avatar-circle {
33
- border-radius: 50%;
34
- }
35
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
36
- border-radius: 50%;
37
- }
38
- .e-avatar.e-avatar-xsmall {
39
- font-size: 10px;
40
- height: 24px;
41
- width: 24px;
42
- line-height: 16px;
43
- }
44
- .e-avatar.e-avatar-small {
45
- font-size: 12px;
46
- height: 32px;
47
- width: 32px;
48
- line-height: 18px;
49
- }
50
- .e-avatar.e-avatar-large {
51
- font-size: 20px;
52
- height: 48px;
53
- width: 48px;
54
- line-height: 28px;
55
- }
56
- .e-avatar.e-avatar-xlarge {
57
- font-size: 24px;
58
- height: 56px;
59
- width: 56px;
60
- line-height: 28px;
61
- }
1
+ @import '@syncfusion/ej2-layouts/styles/avatar/fluent.css';