@things-factory/operato-ecs 6.2.4 → 6.2.6
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/client/themes/layout-theme.css +92 -0
- package/package.json +26 -26
@@ -0,0 +1,92 @@
|
|
1
|
+
body {
|
2
|
+
--header-bar-background-color: var(--secondary-color);
|
3
|
+
--header-bar-icon-size: var(--icon-default-size);
|
4
|
+
--header-bar-title: bold 17.5px var(--theme-font);
|
5
|
+
--header-bar-color: #fff;
|
6
|
+
--header-bar-height: 45px;
|
7
|
+
--header-bar-item-padding: 0px 5px 0 0;
|
8
|
+
|
9
|
+
--nav-bar-background-color: var(--primary-color);
|
10
|
+
|
11
|
+
--group-bar-background-color: var(--primary-color);
|
12
|
+
--group-bar-textbutton: 16px/32px var(--theme-font);
|
13
|
+
--group-bar-textbutton-active: bold var(--group-bar-textbutton);
|
14
|
+
--group-bar-active-line-color: var(--focus-color);
|
15
|
+
--group-bar-line: solid 3px rgba(0, 0, 0, 0.2);
|
16
|
+
|
17
|
+
--aside-background-color: var(--secondary-background-color);
|
18
|
+
--aside-list-textbtton: 18px var(--theme-font);
|
19
|
+
--aside-list-icon: var(--icon-default-size);
|
20
|
+
--aside-list-bottom-line: var(--border-dark-color);
|
21
|
+
--aside-list-detail-background-color: #fff;
|
22
|
+
--aside-list-detail-text: 14px var(--primary-background-color);
|
23
|
+
|
24
|
+
--footer-bar-border-top: 1px solid rgba(0, 0, 0, 0.2);
|
25
|
+
|
26
|
+
--button-container-margin: inintial;
|
27
|
+
--button-container-padding: 0 var(--padding-default) var(--padding-wide) var(--padding-default);
|
28
|
+
--button-container-background: transparent;
|
29
|
+
--button-container-height: initial;
|
30
|
+
--button-container-align: right;
|
31
|
+
--button-container-button-background-color: var(--secondary-color);
|
32
|
+
--button-container-button-border-radius: var(--button-border-radius);
|
33
|
+
--button-container-button-margin: var(--button-margin);
|
34
|
+
--button-container-button-font: bold var(--fontsize-large) var(--theme-font);
|
35
|
+
--button-container-button-color: var(--theme-white-color);
|
36
|
+
--button-container-button-height: initial;
|
37
|
+
--button-container-button-border: var(--button-border);
|
38
|
+
|
39
|
+
--popup-content-background-color: var(--main-section-background-color);
|
40
|
+
--popup-content-padding: 10px 20px;
|
41
|
+
|
42
|
+
/* components - floating overlay style */
|
43
|
+
--overlay-center-small-width: 30%;
|
44
|
+
--overlay-center-small-height: 30%;
|
45
|
+
--overlay-center-normal-width: 50%;
|
46
|
+
--overlay-center-normal-height: 50%;
|
47
|
+
--overlay-center-large-width: 75%;
|
48
|
+
--overlay-center-large-height: 75%;
|
49
|
+
--overlay-header-height: var(--header-bar-height);
|
50
|
+
--overlay-header-background-color: var(--header-bar-background-color);
|
51
|
+
--overlay-header-color: #fff;
|
52
|
+
--overlay-header-font: var(--header-bar-title);
|
53
|
+
--overlay-background-color: rgba(0, 0, 0, 0.5);
|
54
|
+
--overlay-margin-bottom: 0px;
|
55
|
+
|
56
|
+
/* components - resize splitter style */
|
57
|
+
--splitter-background-color: rgba(0, 0, 0, 0.1);
|
58
|
+
--splitter-hover-background-color: var(--primary-color);
|
59
|
+
}
|
60
|
+
|
61
|
+
@media only screen and (max-width: 460px) {
|
62
|
+
body {
|
63
|
+
--button-container-margin: 0 -15px;
|
64
|
+
--button-container-padding: 0 0 0 0;
|
65
|
+
--button-container-background: #586272;
|
66
|
+
--button-container-height: 50px;
|
67
|
+
--button-container-align: right;
|
68
|
+
--button-container-button-background-color: transparent;
|
69
|
+
--button-container-button-border-radius: 0;
|
70
|
+
--button-container-button-margin: 0;
|
71
|
+
--button-container-button-height: 50px;
|
72
|
+
--button-container-button-border: 1px solid rgba(0, 0, 0, 0.1);
|
73
|
+
|
74
|
+
--overlay-center-small-width: 100%;
|
75
|
+
--overlay-center-small-height: 100%;
|
76
|
+
--overlay-center-normal-width: 100%;
|
77
|
+
--overlay-center-normal-height: 100%;
|
78
|
+
--overlay-center-large-width: 100%;
|
79
|
+
--overlay-center-large-height: 100%;
|
80
|
+
}
|
81
|
+
}
|
82
|
+
|
83
|
+
@media (min-width: 461px) and (max-width: 1024px) {
|
84
|
+
body {
|
85
|
+
--overlay-center-small-width: 40%;
|
86
|
+
--overlay-center-small-height: 40%;
|
87
|
+
--overlay-center-normal-width: 60%;
|
88
|
+
--overlay-center-normal-height: 60%;
|
89
|
+
--overlay-center-large-width: 80%;
|
90
|
+
--overlay-center-large-height: 80%;
|
91
|
+
}
|
92
|
+
}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@things-factory/operato-ecs",
|
3
|
-
"version": "6.2.
|
3
|
+
"version": "6.2.6",
|
4
4
|
"main": "dist-server/index.js",
|
5
5
|
"browser": "client/index.js",
|
6
6
|
"things-factory": true,
|
@@ -54,33 +54,33 @@
|
|
54
54
|
"@operato/scene-switch": "^1.0.0",
|
55
55
|
"@operato/scene-table": "^1.0.0",
|
56
56
|
"@operato/scene-timer": "^1.0.0",
|
57
|
-
"@things-factory/api": "^6.2.
|
58
|
-
"@things-factory/apptool-ui": "^6.2.
|
59
|
-
"@things-factory/auth-ui": "^6.2.
|
60
|
-
"@things-factory/board-service": "^6.2.
|
61
|
-
"@things-factory/board-ui": "^6.2.
|
62
|
-
"@things-factory/context-ui": "^6.2.
|
63
|
-
"@things-factory/dashboard": "^6.2.
|
64
|
-
"@things-factory/export-ui": "^6.2.
|
65
|
-
"@things-factory/help": "^6.2.
|
66
|
-
"@things-factory/i18n-base": "^6.2.
|
67
|
-
"@things-factory/integration-melsec": "^6.2.
|
68
|
-
"@things-factory/integration-modbus": "^6.2.
|
69
|
-
"@things-factory/integration-opc": "^6.2.
|
70
|
-
"@things-factory/integration-ui": "^6.2.
|
71
|
-
"@things-factory/lite-menu": "^6.2.
|
72
|
-
"@things-factory/more-ui": "^6.2.
|
73
|
-
"@things-factory/notification": "^6.2.
|
74
|
-
"@things-factory/oauth2-client": "^6.2.
|
75
|
-
"@things-factory/print-ui": "^6.2.
|
76
|
-
"@things-factory/resource-ui": "^6.2.
|
77
|
-
"@things-factory/setting-base": "^6.2.
|
78
|
-
"@things-factory/setting-ui": "^6.2.
|
79
|
-
"@things-factory/shell": "^6.2.
|
80
|
-
"@things-factory/system-ui": "^6.2.
|
57
|
+
"@things-factory/api": "^6.2.6",
|
58
|
+
"@things-factory/apptool-ui": "^6.2.6",
|
59
|
+
"@things-factory/auth-ui": "^6.2.6",
|
60
|
+
"@things-factory/board-service": "^6.2.6",
|
61
|
+
"@things-factory/board-ui": "^6.2.6",
|
62
|
+
"@things-factory/context-ui": "^6.2.6",
|
63
|
+
"@things-factory/dashboard": "^6.2.6",
|
64
|
+
"@things-factory/export-ui": "^6.2.6",
|
65
|
+
"@things-factory/help": "^6.2.6",
|
66
|
+
"@things-factory/i18n-base": "^6.2.6",
|
67
|
+
"@things-factory/integration-melsec": "^6.2.6",
|
68
|
+
"@things-factory/integration-modbus": "^6.2.6",
|
69
|
+
"@things-factory/integration-opc": "^6.2.6",
|
70
|
+
"@things-factory/integration-ui": "^6.2.6",
|
71
|
+
"@things-factory/lite-menu": "^6.2.6",
|
72
|
+
"@things-factory/more-ui": "^6.2.6",
|
73
|
+
"@things-factory/notification": "^6.2.6",
|
74
|
+
"@things-factory/oauth2-client": "^6.2.6",
|
75
|
+
"@things-factory/print-ui": "^6.2.6",
|
76
|
+
"@things-factory/resource-ui": "^6.2.6",
|
77
|
+
"@things-factory/setting-base": "^6.2.6",
|
78
|
+
"@things-factory/setting-ui": "^6.2.6",
|
79
|
+
"@things-factory/shell": "^6.2.6",
|
80
|
+
"@things-factory/system-ui": "^6.2.6"
|
81
81
|
},
|
82
82
|
"devDependencies": {
|
83
83
|
"@things-factory/builder": "^6.2.2"
|
84
84
|
},
|
85
|
-
"gitHead": "
|
85
|
+
"gitHead": "d8a4f36c559797233b24fa20097bfb2d081229e8"
|
86
86
|
}
|