@syncfusion/ej2-angular-layouts 25.2.3 → 26.1.35-ngcc
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/@syncfusion/ej2-angular-layouts.es5.js +726 -0
- package/@syncfusion/ej2-angular-layouts.es5.js.map +1 -0
- package/@syncfusion/ej2-angular-layouts.js +663 -0
- package/@syncfusion/ej2-angular-layouts.js.map +1 -0
- package/dist/ej2-angular-layouts.umd.js +763 -0
- package/dist/ej2-angular-layouts.umd.js.map +1 -0
- package/dist/ej2-angular-layouts.umd.min.js +11 -0
- package/dist/ej2-angular-layouts.umd.min.js.map +1 -0
- package/ej2-angular-layouts.d.ts +7 -0
- package/ej2-angular-layouts.metadata.json +1 -0
- package/package.json +15 -29
- package/schematics/utils/lib-details.js +2 -2
- package/schematics/utils/lib-details.ts +2 -2
- package/src/dashboard-layout/dashboardlayout-all.module.d.ts +0 -6
- package/src/dashboard-layout/dashboardlayout.component.d.ts +0 -3
- package/src/dashboard-layout/dashboardlayout.module.d.ts +0 -7
- package/src/dashboard-layout/panels.directive.d.ts +0 -5
- package/src/splitter/panesettings.directive.d.ts +0 -5
- package/src/splitter/splitter-all.module.d.ts +0 -6
- package/src/splitter/splitter.component.d.ts +0 -3
- package/src/splitter/splitter.module.d.ts +0 -7
- package/src/timeline/items.directive.d.ts +0 -5
- package/src/timeline/timeline-all.module.d.ts +0 -6
- package/src/timeline/timeline.component.d.ts +0 -3
- package/src/timeline/timeline.module.d.ts +0 -7
- package/styles/avatar/bootstrap-dark.css +48 -1
- package/styles/avatar/bootstrap.css +48 -1
- package/styles/avatar/bootstrap4.css +48 -1
- package/styles/avatar/bootstrap5-dark.css +63 -1
- package/styles/avatar/bootstrap5.css +63 -1
- package/styles/avatar/fabric-dark.css +48 -1
- package/styles/avatar/fabric.css +48 -1
- package/styles/avatar/fluent-dark.css +61 -1
- package/styles/avatar/fluent.css +61 -1
- package/styles/avatar/fluent2.css +1094 -0
- package/styles/avatar/fluent2.scss +1 -0
- package/styles/avatar/highcontrast-light.css +48 -1
- package/styles/avatar/highcontrast.css +48 -1
- package/styles/avatar/material-dark.css +48 -1
- package/styles/avatar/material.css +48 -1
- package/styles/avatar/material3-dark.css +171 -1
- package/styles/avatar/material3.css +283 -1
- package/styles/avatar/tailwind-dark.css +61 -1
- package/styles/avatar/tailwind.css +61 -1
- package/styles/bootstrap-dark.css +1752 -1
- package/styles/bootstrap.css +1753 -1
- package/styles/bootstrap4.css +1757 -1
- package/styles/bootstrap5-dark.css +1770 -1
- package/styles/bootstrap5.css +1770 -1
- package/styles/card/bootstrap-dark.css +556 -1
- package/styles/card/bootstrap.css +557 -1
- package/styles/card/bootstrap4.css +563 -1
- package/styles/card/bootstrap5-dark.css +556 -1
- package/styles/card/bootstrap5.css +556 -1
- package/styles/card/fabric-dark.css +556 -1
- package/styles/card/fabric.css +567 -1
- package/styles/card/fluent-dark.css +579 -1
- package/styles/card/fluent.css +579 -1
- package/styles/card/fluent2.css +1588 -0
- package/styles/card/fluent2.scss +1 -0
- package/styles/card/highcontrast-light.css +556 -1
- package/styles/card/highcontrast.css +568 -1
- package/styles/card/material-dark.css +556 -1
- package/styles/card/material.css +557 -1
- package/styles/card/material3-dark.css +667 -1
- package/styles/card/material3.css +779 -1
- package/styles/card/tailwind-dark.css +557 -1
- package/styles/card/tailwind.css +557 -1
- package/styles/dashboard-layout/bootstrap-dark.css +295 -1
- package/styles/dashboard-layout/bootstrap.css +295 -1
- package/styles/dashboard-layout/bootstrap4.css +295 -1
- package/styles/dashboard-layout/bootstrap5-dark.css +306 -1
- package/styles/dashboard-layout/bootstrap5.css +306 -1
- package/styles/dashboard-layout/fabric-dark.css +295 -1
- package/styles/dashboard-layout/fabric.css +295 -1
- package/styles/dashboard-layout/fluent-dark.css +300 -1
- package/styles/dashboard-layout/fluent.css +300 -1
- package/styles/dashboard-layout/fluent2.css +1336 -0
- package/styles/dashboard-layout/fluent2.scss +1 -0
- package/styles/dashboard-layout/highcontrast-light.css +232 -1
- package/styles/dashboard-layout/highcontrast.css +293 -1
- package/styles/dashboard-layout/material-dark.css +295 -1
- package/styles/dashboard-layout/material.css +295 -1
- package/styles/dashboard-layout/material3-dark.css +412 -1
- package/styles/dashboard-layout/material3.css +524 -1
- package/styles/dashboard-layout/tailwind-dark.css +319 -1
- package/styles/dashboard-layout/tailwind.css +319 -1
- package/styles/fabric-dark.css +1752 -1
- package/styles/fabric.css +1763 -1
- package/styles/fluent-dark.css +1785 -1
- package/styles/fluent.css +1785 -1
- package/styles/fluent2.css +6931 -0
- package/styles/fluent2.scss +5 -0
- package/styles/highcontrast-light.css +1689 -1
- package/styles/highcontrast.css +1762 -1
- package/styles/material-dark.css +1750 -1
- package/styles/material.css +1752 -1
- package/styles/material3-dark.css +2315 -1
- package/styles/material3.css +2875 -1
- package/styles/splitter/bootstrap-dark.css +552 -1
- package/styles/splitter/bootstrap.css +552 -1
- package/styles/splitter/bootstrap4.css +550 -1
- package/styles/splitter/bootstrap5-dark.css +544 -1
- package/styles/splitter/bootstrap5.css +544 -1
- package/styles/splitter/fabric-dark.css +552 -1
- package/styles/splitter/fabric.css +552 -1
- package/styles/splitter/fluent-dark.css +544 -1
- package/styles/splitter/fluent.css +544 -1
- package/styles/splitter/fluent2.css +1578 -0
- package/styles/splitter/fluent2.scss +1 -0
- package/styles/splitter/highcontrast-light.css +552 -1
- package/styles/splitter/highcontrast.css +552 -1
- package/styles/splitter/material-dark.css +550 -1
- package/styles/splitter/material.css +551 -1
- package/styles/splitter/material3-dark.css +654 -1
- package/styles/splitter/material3.css +766 -1
- package/styles/splitter/tailwind-dark.css +544 -1
- package/styles/splitter/tailwind.css +544 -1
- package/styles/tailwind-dark.css +1782 -1
- package/styles/tailwind.css +1782 -1
- package/styles/timeline/bootstrap-dark.css +298 -1
- package/styles/timeline/bootstrap.css +298 -1
- package/styles/timeline/bootstrap4.css +298 -1
- package/styles/timeline/bootstrap5-dark.css +298 -1
- package/styles/timeline/bootstrap5.css +298 -1
- package/styles/timeline/fabric-dark.css +298 -1
- package/styles/timeline/fabric.css +298 -1
- package/styles/timeline/fluent-dark.css +298 -1
- package/styles/timeline/fluent.css +298 -1
- package/styles/timeline/fluent2.css +1332 -0
- package/styles/timeline/fluent2.scss +1 -0
- package/styles/timeline/highcontrast-light.css +298 -1
- package/styles/timeline/highcontrast.css +298 -1
- package/styles/timeline/material-dark.css +298 -1
- package/styles/timeline/material.css +298 -1
- package/styles/timeline/material3-dark.css +408 -1
- package/styles/timeline/material3.css +520 -1
- package/styles/timeline/tailwind-dark.css +298 -1
- package/styles/timeline/tailwind.css +298 -1
- package/esm2020/public_api.mjs +0 -3
- package/esm2020/src/dashboard-layout/dashboardlayout-all.module.mjs +0 -23
- package/esm2020/src/dashboard-layout/dashboardlayout.component.mjs +0 -64
- package/esm2020/src/dashboard-layout/dashboardlayout.module.mjs +0 -34
- package/esm2020/src/dashboard-layout/panels.directive.mjs +0 -72
- package/esm2020/src/index.mjs +0 -14
- package/esm2020/src/splitter/panesettings.directive.mjs +0 -66
- package/esm2020/src/splitter/splitter-all.module.mjs +0 -23
- package/esm2020/src/splitter/splitter.component.mjs +0 -64
- package/esm2020/src/splitter/splitter.module.mjs +0 -34
- package/esm2020/src/timeline/items.directive.mjs +0 -58
- package/esm2020/src/timeline/timeline-all.module.mjs +0 -23
- package/esm2020/src/timeline/timeline.component.mjs +0 -83
- package/esm2020/src/timeline/timeline.module.mjs +0 -34
- package/esm2020/syncfusion-ej2-angular-layouts.mjs +0 -5
- package/fesm2015/syncfusion-ej2-angular-layouts.mjs +0 -532
- package/fesm2015/syncfusion-ej2-angular-layouts.mjs.map +0 -1
- package/fesm2020/syncfusion-ej2-angular-layouts.mjs +0 -532
- package/fesm2020/syncfusion-ej2-angular-layouts.mjs.map +0 -1
- package/postinstall/tagchange.js +0 -18
- package/syncfusion-ej2-angular-layouts.d.ts +0 -5
@@ -1,11 +1,5 @@
|
|
1
|
-
import * as i0 from "@angular/core";
|
2
|
-
import * as i1 from "@angular/common";
|
3
|
-
import * as i2 from "./timeline.module";
|
4
1
|
/**
|
5
2
|
* NgModule definition for the Timeline component with providers.
|
6
3
|
*/
|
7
4
|
export declare class TimelineAllModule {
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineAllModule, never>;
|
9
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<TimelineAllModule, never, [typeof i1.CommonModule, typeof i2.TimelineModule], [typeof i2.TimelineModule]>;
|
10
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<TimelineAllModule>;
|
11
5
|
}
|
@@ -2,7 +2,6 @@ import { ElementRef, ViewContainerRef, Renderer2, Injector, QueryList } from '@a
|
|
2
2
|
import { IComponentBase } from '@syncfusion/ej2-angular-base';
|
3
3
|
import { Timeline } from '@syncfusion/ej2-layouts';
|
4
4
|
import { ItemsDirective } from './items.directive';
|
5
|
-
import * as i0 from "@angular/core";
|
6
5
|
export declare const inputs: string[];
|
7
6
|
export declare const outputs: string[];
|
8
7
|
export declare const twoWays: string[];
|
@@ -44,6 +43,4 @@ export declare class TimelineComponent extends Timeline implements IComponentBas
|
|
44
43
|
ngAfterContentChecked(): void;
|
45
44
|
registerEvents: (eventList: string[]) => void;
|
46
45
|
addTwoWay: (propList: string[]) => void;
|
47
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineComponent, never>;
|
48
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TimelineComponent, "ejs-timeline", never, { "align": "align"; "cssClass": "cssClass"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "items": "items"; "locale": "locale"; "orientation": "orientation"; "reverse": "reverse"; "template": "template"; }, { "beforeItemRender": "beforeItemRender"; "created": "created"; }, ["template", "content", "oppositeContent", "childItems"], ["div"]>;
|
49
46
|
}
|
@@ -1,12 +1,5 @@
|
|
1
|
-
import * as i0 from "@angular/core";
|
2
|
-
import * as i1 from "./timeline.component";
|
3
|
-
import * as i2 from "./items.directive";
|
4
|
-
import * as i3 from "@angular/common";
|
5
1
|
/**
|
6
2
|
* NgModule definition for the Timeline component.
|
7
3
|
*/
|
8
4
|
export declare class TimelineModule {
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TimelineModule, never>;
|
10
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<TimelineModule, [typeof i1.TimelineComponent, typeof i2.ItemDirective, typeof i2.ItemsDirective], [typeof i3.CommonModule], [typeof i1.TimelineComponent, typeof i2.ItemDirective, typeof i2.ItemsDirective]>;
|
11
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<TimelineModule>;
|
12
5
|
}
|
@@ -1 +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 +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 +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 +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 +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 +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
|
+
}
|
package/styles/avatar/fabric.css
CHANGED
@@ -1 +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 +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
|
+
}
|
package/styles/avatar/fluent.css
CHANGED
@@ -1 +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
|
+
}
|