@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.
- package/CHANGELOG.md +2 -0
- package/package.json +8 -8
- package/schematics/utils/lib-details.ts +2 -2
- package/styles/avatar/bootstrap-dark.css +1 -48
- package/styles/avatar/bootstrap.css +1 -48
- package/styles/avatar/bootstrap4.css +1 -48
- package/styles/avatar/bootstrap5-dark.css +1 -63
- package/styles/avatar/bootstrap5.css +1 -63
- package/styles/avatar/fabric-dark.css +1 -48
- package/styles/avatar/fabric.css +1 -48
- package/styles/avatar/fluent-dark.css +1 -61
- package/styles/avatar/fluent.css +1 -61
- package/styles/avatar/fluent2.css +1 -1097
- package/styles/avatar/highcontrast-light.css +1 -48
- package/styles/avatar/highcontrast.css +1 -48
- package/styles/avatar/material-dark.css +1 -48
- package/styles/avatar/material.css +1 -48
- package/styles/avatar/material3-dark.css +1 -171
- package/styles/avatar/material3.css +1 -283
- package/styles/avatar/tailwind-dark.css +1 -61
- package/styles/avatar/tailwind.css +1 -61
- package/styles/bootstrap-dark.css +1 -1752
- package/styles/bootstrap.css +1 -1753
- package/styles/bootstrap4.css +1 -1757
- package/styles/bootstrap5-dark.css +1 -1770
- package/styles/bootstrap5.css +1 -1770
- package/styles/card/bootstrap-dark.css +1 -556
- package/styles/card/bootstrap.css +1 -557
- package/styles/card/bootstrap4.css +1 -563
- package/styles/card/bootstrap5-dark.css +1 -556
- package/styles/card/bootstrap5.css +1 -556
- package/styles/card/fabric-dark.css +1 -556
- package/styles/card/fabric.css +1 -567
- package/styles/card/fluent-dark.css +1 -579
- package/styles/card/fluent.css +1 -579
- package/styles/card/fluent2.css +1 -1593
- package/styles/card/highcontrast-light.css +1 -556
- package/styles/card/highcontrast.css +1 -568
- package/styles/card/material-dark.css +1 -556
- package/styles/card/material.css +1 -557
- package/styles/card/material3-dark.css +1 -667
- package/styles/card/material3.css +1 -779
- package/styles/card/tailwind-dark.css +1 -557
- package/styles/card/tailwind.css +1 -557
- package/styles/dashboard-layout/bootstrap-dark.css +1 -295
- package/styles/dashboard-layout/bootstrap.css +1 -295
- package/styles/dashboard-layout/bootstrap4.css +1 -295
- package/styles/dashboard-layout/bootstrap5-dark.css +1 -306
- package/styles/dashboard-layout/bootstrap5.css +1 -306
- package/styles/dashboard-layout/fabric-dark.css +1 -295
- package/styles/dashboard-layout/fabric.css +1 -295
- package/styles/dashboard-layout/fluent-dark.css +1 -300
- package/styles/dashboard-layout/fluent.css +1 -300
- package/styles/dashboard-layout/fluent2.css +1 -1336
- package/styles/dashboard-layout/highcontrast-light.css +1 -232
- package/styles/dashboard-layout/highcontrast.css +1 -293
- package/styles/dashboard-layout/material-dark.css +1 -295
- package/styles/dashboard-layout/material.css +1 -295
- package/styles/dashboard-layout/material3-dark.css +1 -412
- package/styles/dashboard-layout/material3.css +1 -524
- package/styles/dashboard-layout/tailwind-dark.css +1 -319
- package/styles/dashboard-layout/tailwind.css +1 -319
- package/styles/fabric-dark.css +1 -1752
- package/styles/fabric.css +1 -1763
- package/styles/fluent-dark.css +1 -1785
- package/styles/fluent.css +1 -1785
- package/styles/fluent2.css +1 -6939
- package/styles/highcontrast-light.css +1 -1689
- package/styles/highcontrast.css +1 -1762
- package/styles/material-dark.css +1 -1750
- package/styles/material.css +1 -1752
- package/styles/material3-dark.css +1 -2315
- package/styles/material3.css +1 -2875
- package/styles/splitter/bootstrap-dark.css +1 -552
- package/styles/splitter/bootstrap.css +1 -552
- package/styles/splitter/bootstrap4.css +1 -550
- package/styles/splitter/bootstrap5-dark.css +1 -544
- package/styles/splitter/bootstrap5.css +1 -544
- package/styles/splitter/fabric-dark.css +1 -552
- package/styles/splitter/fabric.css +1 -552
- package/styles/splitter/fluent-dark.css +1 -544
- package/styles/splitter/fluent.css +1 -544
- package/styles/splitter/fluent2.css +1 -1578
- package/styles/splitter/highcontrast-light.css +1 -552
- package/styles/splitter/highcontrast.css +1 -552
- package/styles/splitter/material-dark.css +1 -550
- package/styles/splitter/material.css +1 -551
- package/styles/splitter/material3-dark.css +1 -654
- package/styles/splitter/material3.css +1 -766
- package/styles/splitter/tailwind-dark.css +1 -544
- package/styles/splitter/tailwind.css +1 -544
- package/styles/tailwind-dark.css +1 -1782
- package/styles/tailwind.css +1 -1782
- package/styles/timeline/bootstrap-dark.css +1 -298
- package/styles/timeline/bootstrap.css +1 -298
- package/styles/timeline/bootstrap4.css +1 -298
- package/styles/timeline/bootstrap5-dark.css +1 -298
- package/styles/timeline/bootstrap5.css +1 -298
- package/styles/timeline/fabric-dark.css +1 -298
- package/styles/timeline/fabric.css +1 -298
- package/styles/timeline/fluent-dark.css +1 -298
- package/styles/timeline/fluent.css +1 -298
- package/styles/timeline/fluent2.css +1 -1332
- package/styles/timeline/highcontrast-light.css +1 -298
- package/styles/timeline/highcontrast.css +1 -298
- package/styles/timeline/material-dark.css +1 -298
- package/styles/timeline/material.css +1 -298
- package/styles/timeline/material3-dark.css +1 -408
- package/styles/timeline/material3.css +1 -520
- package/styles/timeline/tailwind-dark.css +1 -298
- package/styles/timeline/tailwind.css +1 -298
package/CHANGELOG.md
CHANGED
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.
|
3
|
+
"_id": "@syncfusion/ej2-angular-layouts@26.1.38",
|
4
4
|
"_inBundle": false,
|
5
|
-
"_integrity": "sha512-
|
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.
|
23
|
-
"_shasum": "
|
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.
|
35
|
-
"@syncfusion/ej2-base": "~26.
|
36
|
-
"@syncfusion/ej2-layouts": "26.
|
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.
|
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.
|
2
|
+
export const pkgVer = '^26.1.38';
|
3
3
|
export const moduleName = 'SplitterModule, DashboardLayoutModule, TimelineModule';
|
4
|
-
export const themeVer = '~26.1.
|
4
|
+
export const themeVer = '~26.1.38';
|
@@ -1,48 +1 @@
|
|
1
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
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';
|
package/styles/avatar/fabric.css
CHANGED
@@ -1,48 +1 @@
|
|
1
|
-
|
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
|
-
|
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';
|
package/styles/avatar/fluent.css
CHANGED
@@ -1,61 +1 @@
|
|
1
|
-
|
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';
|