@syncfusion/ej2-vue-layouts 19.4.48 → 20.1.55
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 +0 -16
- package/dist/ej2-vue-layouts.umd.min.js +29 -2
- package/dist/ej2-vue-layouts.umd.min.js.map +1 -1
- package/dist/es6/ej2-vue-layouts.es2015.js +101 -9
- package/dist/es6/ej2-vue-layouts.es2015.js.map +1 -1
- package/dist/es6/ej2-vue-layouts.es5.js +68 -8
- package/dist/es6/ej2-vue-layouts.es5.js.map +1 -1
- package/dist/global/ej2-vue-layouts.min.js +2 -2
- package/package.json +8 -8
- package/src/dashboard-layout/dashboardlayout.component.d.ts +1 -0
- package/src/dashboard-layout/dashboardlayout.component.js +10 -1
- package/src/dashboard-layout/panels.directive.d.ts +3 -1
- package/src/dashboard-layout/panels.directive.js +24 -2
- package/src/splitter/panesettings.directive.d.ts +3 -1
- package/src/splitter/panesettings.directive.js +24 -2
- package/src/splitter/splitter.component.d.ts +1 -0
- package/src/splitter/splitter.component.js +10 -1
- package/styles/avatar/bootstrap-dark.css +1 -7
- package/styles/avatar/bootstrap.css +1 -7
- package/styles/avatar/bootstrap4.css +1 -7
- package/styles/avatar/bootstrap5-dark.css +3 -7
- package/styles/avatar/bootstrap5.css +3 -7
- package/styles/avatar/fabric-dark.css +1 -7
- package/styles/avatar/fabric.css +1 -7
- package/styles/avatar/fluent-dark.css +55 -0
- package/styles/avatar/fluent-dark.scss +1 -0
- package/styles/avatar/fluent.css +55 -0
- package/styles/avatar/fluent.scss +1 -0
- package/styles/avatar/highcontrast-light.css +1 -7
- package/styles/avatar/highcontrast.css +1 -7
- package/styles/avatar/material-dark.css +1 -7
- package/styles/avatar/material.css +1 -7
- package/styles/avatar/tailwind-dark.css +1 -7
- package/styles/avatar/tailwind.css +1 -7
- package/styles/bootstrap-dark.css +47 -316
- package/styles/bootstrap.css +47 -316
- package/styles/bootstrap4.css +47 -318
- package/styles/bootstrap5-dark.css +55 -319
- package/styles/bootstrap5.css +55 -319
- package/styles/card/bootstrap-dark.css +1 -85
- package/styles/card/bootstrap.css +1 -85
- package/styles/card/bootstrap4.css +1 -87
- package/styles/card/bootstrap5-dark.css +6 -88
- package/styles/card/bootstrap5.css +6 -88
- package/styles/card/fabric-dark.css +1 -85
- package/styles/card/fabric.css +1 -87
- package/styles/card/fluent-dark.css +518 -0
- package/styles/card/fluent-dark.scss +1 -0
- package/styles/card/fluent.css +518 -0
- package/styles/card/fluent.scss +1 -0
- package/styles/card/highcontrast-light.css +1 -85
- package/styles/card/highcontrast.css +1 -87
- package/styles/card/material-dark.css +1 -85
- package/styles/card/material.css +1 -85
- package/styles/card/tailwind-dark.css +9 -95
- package/styles/card/tailwind.css +9 -95
- package/styles/dashboard-layout/bootstrap-dark.css +28 -116
- package/styles/dashboard-layout/bootstrap.css +28 -116
- package/styles/dashboard-layout/bootstrap4.css +28 -116
- package/styles/dashboard-layout/bootstrap5-dark.css +29 -118
- package/styles/dashboard-layout/bootstrap5.css +29 -118
- package/styles/dashboard-layout/fabric-dark.css +28 -116
- package/styles/dashboard-layout/fabric.css +28 -116
- package/styles/dashboard-layout/fluent-dark.css +299 -0
- package/styles/dashboard-layout/fluent-dark.scss +1 -0
- package/styles/dashboard-layout/fluent.css +299 -0
- package/styles/dashboard-layout/fluent.scss +1 -0
- package/styles/dashboard-layout/highcontrast-light.css +16 -85
- package/styles/dashboard-layout/highcontrast.css +28 -115
- package/styles/dashboard-layout/material-dark.css +28 -116
- package/styles/dashboard-layout/material.css +28 -116
- package/styles/dashboard-layout/tailwind-dark.css +42 -130
- package/styles/dashboard-layout/tailwind.css +40 -128
- package/styles/fabric-dark.css +47 -316
- package/styles/fabric.css +47 -318
- package/styles/fluent-dark.css +1360 -0
- package/styles/fluent-dark.scss +4 -0
- package/styles/fluent.css +1360 -0
- package/styles/fluent.scss +4 -0
- package/styles/highcontrast-light.css +35 -285
- package/styles/highcontrast.css +47 -317
- package/styles/material-dark.css +57 -326
- package/styles/material.css +47 -316
- package/styles/splitter/bootstrap-dark.css +20 -111
- package/styles/splitter/bootstrap.css +20 -111
- package/styles/splitter/bootstrap4.css +20 -111
- package/styles/splitter/bootstrap5-dark.css +20 -109
- package/styles/splitter/bootstrap5.css +20 -109
- package/styles/splitter/fabric-dark.css +20 -111
- package/styles/splitter/fabric.css +20 -111
- package/styles/splitter/fluent-dark.css +485 -0
- package/styles/splitter/fluent-dark.scss +1 -0
- package/styles/splitter/fluent.css +485 -0
- package/styles/splitter/fluent.scss +1 -0
- package/styles/splitter/highcontrast-light.css +20 -111
- package/styles/splitter/highcontrast.css +20 -111
- package/styles/splitter/material-dark.css +30 -121
- package/styles/splitter/material.css +20 -111
- package/styles/splitter/tailwind-dark.css +20 -117
- package/styles/splitter/tailwind.css +20 -117
- package/styles/tailwind-dark.css +69 -346
- package/styles/tailwind.css +67 -344
|
@@ -22,28 +22,22 @@
|
|
|
22
22
|
position: relative;
|
|
23
23
|
width: 3em;
|
|
24
24
|
}
|
|
25
|
-
|
|
26
25
|
.e-avatar img {
|
|
27
26
|
height: 100%;
|
|
28
27
|
width: auto;
|
|
29
28
|
}
|
|
30
|
-
|
|
31
29
|
.e-avatar.e-avatar-circle {
|
|
32
30
|
border-radius: 50%;
|
|
33
31
|
}
|
|
34
|
-
|
|
35
32
|
.e-avatar.e-avatar-xsmall {
|
|
36
33
|
font-size: 0.6em;
|
|
37
34
|
}
|
|
38
|
-
|
|
39
35
|
.e-avatar.e-avatar-small {
|
|
40
36
|
font-size: 0.8em;
|
|
41
37
|
}
|
|
42
|
-
|
|
43
38
|
.e-avatar.e-avatar-large {
|
|
44
39
|
font-size: 1.2em;
|
|
45
40
|
}
|
|
46
|
-
|
|
47
41
|
.e-avatar.e-avatar-xlarge {
|
|
48
42
|
font-size: 1.4em;
|
|
49
|
-
}
|
|
43
|
+
}
|
|
@@ -22,28 +22,22 @@
|
|
|
22
22
|
position: relative;
|
|
23
23
|
width: 3em;
|
|
24
24
|
}
|
|
25
|
-
|
|
26
25
|
.e-avatar img {
|
|
27
26
|
height: 100%;
|
|
28
27
|
width: auto;
|
|
29
28
|
}
|
|
30
|
-
|
|
31
29
|
.e-avatar.e-avatar-circle {
|
|
32
30
|
border-radius: 50%;
|
|
33
31
|
}
|
|
34
|
-
|
|
35
32
|
.e-avatar.e-avatar-xsmall {
|
|
36
33
|
font-size: 0.6em;
|
|
37
34
|
}
|
|
38
|
-
|
|
39
35
|
.e-avatar.e-avatar-small {
|
|
40
36
|
font-size: 0.8em;
|
|
41
37
|
}
|
|
42
|
-
|
|
43
38
|
.e-avatar.e-avatar-large {
|
|
44
39
|
font-size: 1.2em;
|
|
45
40
|
}
|
|
46
|
-
|
|
47
41
|
.e-avatar.e-avatar-xlarge {
|
|
48
42
|
font-size: 1.4em;
|
|
49
|
-
}
|
|
43
|
+
}
|
|
@@ -23,40 +23,34 @@
|
|
|
23
23
|
width: 40px;
|
|
24
24
|
line-height: 22px;
|
|
25
25
|
}
|
|
26
|
-
|
|
27
26
|
.e-avatar img {
|
|
28
27
|
height: 100%;
|
|
29
28
|
width: auto;
|
|
30
29
|
}
|
|
31
|
-
|
|
32
30
|
.e-avatar.e-avatar-circle {
|
|
33
31
|
border-radius: 50%;
|
|
34
32
|
}
|
|
35
|
-
|
|
36
33
|
.e-avatar.e-avatar-xsmall {
|
|
37
34
|
font-size: 10px;
|
|
38
35
|
height: 24px;
|
|
39
36
|
line-height: 16px;
|
|
40
37
|
width: 24px;
|
|
41
38
|
}
|
|
42
|
-
|
|
43
39
|
.e-avatar.e-avatar-small {
|
|
44
40
|
font-size: 12px;
|
|
45
41
|
height: 32px;
|
|
46
42
|
line-height: 18px;
|
|
47
43
|
width: 32px;
|
|
48
44
|
}
|
|
49
|
-
|
|
50
45
|
.e-avatar.e-avatar-large {
|
|
51
46
|
font-size: 18px;
|
|
52
47
|
height: 48px;
|
|
53
48
|
line-height: 28px;
|
|
54
49
|
width: 48px;
|
|
55
50
|
}
|
|
56
|
-
|
|
57
51
|
.e-avatar.e-avatar-xlarge {
|
|
58
52
|
font-size: 20px;
|
|
59
53
|
height: 56px;
|
|
60
54
|
line-height: 28px;
|
|
61
55
|
width: 56px;
|
|
62
|
-
}
|
|
56
|
+
}
|
|
@@ -23,40 +23,34 @@
|
|
|
23
23
|
width: 40px;
|
|
24
24
|
line-height: 22px;
|
|
25
25
|
}
|
|
26
|
-
|
|
27
26
|
.e-avatar img {
|
|
28
27
|
height: 100%;
|
|
29
28
|
width: auto;
|
|
30
29
|
}
|
|
31
|
-
|
|
32
30
|
.e-avatar.e-avatar-circle {
|
|
33
31
|
border-radius: 50%;
|
|
34
32
|
}
|
|
35
|
-
|
|
36
33
|
.e-avatar.e-avatar-xsmall {
|
|
37
34
|
font-size: 10px;
|
|
38
35
|
height: 24px;
|
|
39
36
|
line-height: 16px;
|
|
40
37
|
width: 24px;
|
|
41
38
|
}
|
|
42
|
-
|
|
43
39
|
.e-avatar.e-avatar-small {
|
|
44
40
|
font-size: 12px;
|
|
45
41
|
height: 32px;
|
|
46
42
|
line-height: 18px;
|
|
47
43
|
width: 32px;
|
|
48
44
|
}
|
|
49
|
-
|
|
50
45
|
.e-avatar.e-avatar-large {
|
|
51
46
|
font-size: 18px;
|
|
52
47
|
height: 48px;
|
|
53
48
|
line-height: 28px;
|
|
54
49
|
width: 48px;
|
|
55
50
|
}
|
|
56
|
-
|
|
57
51
|
.e-avatar.e-avatar-xlarge {
|
|
58
52
|
font-size: 20px;
|
|
59
53
|
height: 56px;
|
|
60
54
|
line-height: 28px;
|
|
61
55
|
width: 56px;
|
|
62
|
-
}
|
|
56
|
+
}
|