@agilemotion/oui-react-js 1.8.7 → 1.8.9
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/dist/assets/jss/views/loginBasicStyle.js +4 -4
- package/dist/components/ProgressTracker.js +13 -8
- package/dist/components/form/DatePicker.js +11 -1
- package/dist/components/layout/CollapsiblePanel.css +9 -9
- package/dist/components/layout/View.css +68 -68
- package/dist/components/loader.css +36 -36
- package/dist/components/media/Video.css +4 -4
- package/dist/components/signatures/ResponsiveTable.css +91 -91
- package/dist/components/signatures/widgets.css +126 -126
- package/dist/view/Dashboard.js +4 -4
- package/package.json +1 -1
|
@@ -47,11 +47,11 @@ const styles = {
|
|
|
47
47
|
},
|
|
48
48
|
loginBtn: {
|
|
49
49
|
float: 'right',
|
|
50
|
-
background: '#FCB614',
|
|
51
|
-
color: '#000000'
|
|
50
|
+
background: window.location.hostname.includes('absa') ? '#dc0137' : '#FCB614',
|
|
51
|
+
color: window.location.hostname.includes('absa') ? '#ffffff' : '#000000'
|
|
52
52
|
},
|
|
53
53
|
btn: {
|
|
54
|
-
background: '#FCB614',
|
|
54
|
+
background: window.location.hostname.includes('absa') ? '#dc0137' : '#FCB614',
|
|
55
55
|
color: _colors.white,
|
|
56
56
|
padding: 7,
|
|
57
57
|
borderRadius: 2,
|
|
@@ -59,7 +59,7 @@ const styles = {
|
|
|
59
59
|
fontSize: 13
|
|
60
60
|
},
|
|
61
61
|
btnFacebook: {
|
|
62
|
-
background: '#FCB614'
|
|
62
|
+
background: window.location.hostname.includes('absa') ? '#dc0137' : '#FCB614'
|
|
63
63
|
},
|
|
64
64
|
btnGoogle: {
|
|
65
65
|
background: '#e14441'
|
|
@@ -96,15 +96,19 @@ const HtmlPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.f
|
|
|
96
96
|
return visible && /*#__PURE__*/_react.default.createElement("div", {
|
|
97
97
|
style: _Utils.default.mergeStyles({}, props.config)
|
|
98
98
|
}, data && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data.steps.map((step, index) => {
|
|
99
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div",
|
|
99
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
100
|
+
style: {
|
|
101
|
+
margin: "4px"
|
|
102
|
+
}
|
|
103
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
100
104
|
style: {
|
|
101
105
|
display: "inline-block",
|
|
102
|
-
width: "
|
|
106
|
+
width: "100%",
|
|
103
107
|
padding: "16px",
|
|
104
108
|
borderRadius: "32px",
|
|
105
109
|
maxWidth: "100%",
|
|
106
110
|
backgroundColor: step.sequence < data.currentStep.sequence ? '#50cd89' : step.sequence === data.currentStep.sequence ? _ApplicationManager.default.getApplicationPrimaryColor() : 'white',
|
|
107
|
-
border: '1px solid ' + _ApplicationManager.default.getApplicationSecondaryColor(),
|
|
111
|
+
border: step.sequence < data.currentStep.sequence ? '1px solid ' + '#FFFFFF' : step.sequence === data.currentStep.sequence ? '1px solid ' + _ApplicationManager.default.getApplicationPrimaryColor() : '1px solid ' + _ApplicationManager.default.getApplicationSecondaryColor(),
|
|
108
112
|
color: step.sequence < data.currentStep.sequence ? '#FFFFFF' : null,
|
|
109
113
|
overflow: "hidden",
|
|
110
114
|
textOverflow: "ellipsis",
|
|
@@ -115,7 +119,8 @@ const HtmlPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.f
|
|
|
115
119
|
maxWidth: "100%",
|
|
116
120
|
overflow: "hidden",
|
|
117
121
|
textOverflow: "ellipsis",
|
|
118
|
-
whiteSpace: "nowrap"
|
|
122
|
+
whiteSpace: "nowrap",
|
|
123
|
+
fontSize: "20px"
|
|
119
124
|
}
|
|
120
125
|
}, step.description), step.startDate && step.endDate && /*#__PURE__*/_react.default.createElement("div", {
|
|
121
126
|
style: {
|
|
@@ -136,10 +141,10 @@ const HtmlPanel = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.f
|
|
|
136
141
|
}
|
|
137
142
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
138
143
|
style: {
|
|
139
|
-
marginTop: "-
|
|
140
|
-
height: "calc(100% +
|
|
141
|
-
width: "
|
|
142
|
-
backgroundColor:
|
|
144
|
+
marginTop: "-12px",
|
|
145
|
+
height: "calc(100% + 12px)",
|
|
146
|
+
width: "4px",
|
|
147
|
+
backgroundColor: "#e1e1e1"
|
|
143
148
|
}
|
|
144
149
|
}))));
|
|
145
150
|
})));
|
|
@@ -57,14 +57,24 @@ const CustomDatePickerComponent = /*#__PURE__*/_react.default.memo(/*#__PURE__*/
|
|
|
57
57
|
}
|
|
58
58
|
return id === "minDate" ? "1970-01-01" : "9000-12-31";
|
|
59
59
|
};
|
|
60
|
+
_react.default.useEffect(() => {
|
|
61
|
+
setMinDate(props.config.attributes?.minDate);
|
|
62
|
+
setMaxDate(props.config.attributes?.maxDate);
|
|
63
|
+
}, []);
|
|
60
64
|
_react.default.useEffect(() => {
|
|
61
65
|
if (minDate === null) {
|
|
62
66
|
setMinDate(getLimitDate("minDate"));
|
|
67
|
+
} else {
|
|
68
|
+
setMinDate(minDate);
|
|
63
69
|
}
|
|
70
|
+
}, [minDate]);
|
|
71
|
+
_react.default.useEffect(() => {
|
|
64
72
|
if (maxDate === null) {
|
|
65
73
|
setMaxDate(getLimitDate("maxDate"));
|
|
74
|
+
} else {
|
|
75
|
+
setMaxDate(maxDate);
|
|
66
76
|
}
|
|
67
|
-
}, []);
|
|
77
|
+
}, [maxDate]);
|
|
68
78
|
const secondaryColor = (0, _reactRedux.useSelector)(state => state.dashboard.secondaryThemeColor);
|
|
69
79
|
const style = _Utils.default.mergeStyles({
|
|
70
80
|
minWidth: minWidth,
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
.coll-panel-container {
|
|
2
|
-
font-family: sans-serif;
|
|
3
|
-
text-align: center;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.coll-panel-btn:focus {
|
|
7
|
-
outline: 0;
|
|
8
|
-
box-shadow: none;
|
|
9
|
-
}
|
|
1
|
+
.coll-panel-container {
|
|
2
|
+
font-family: sans-serif;
|
|
3
|
+
text-align: center;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.coll-panel-btn:focus {
|
|
7
|
+
outline: 0;
|
|
8
|
+
box-shadow: none;
|
|
9
|
+
}
|
|
@@ -1,68 +1,68 @@
|
|
|
1
|
-
.view {
|
|
2
|
-
padding: 0 32px;
|
|
3
|
-
background-color: #ffffff;
|
|
4
|
-
border-radius: 4px;
|
|
5
|
-
}
|
|
6
|
-
|
|
7
|
-
.window-unpinned .view {
|
|
8
|
-
width: 0 !important;;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.window-pinned .view {
|
|
12
|
-
padding: 0 8px;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.no-margin {
|
|
16
|
-
margin-left: 0 !important;
|
|
17
|
-
margin-right: 0 !important;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.no-padding {
|
|
21
|
-
padding-left: 0 !important;
|
|
22
|
-
padding-right: 0 !important;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.centered-flex-box {
|
|
26
|
-
display: flex;
|
|
27
|
-
align-Items: center;
|
|
28
|
-
justify-content: center
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
/* Smartphones (landscape); */
|
|
32
|
-
@media only screen and (min-device-width : 361px) and (max-device-width : 480px) {
|
|
33
|
-
.view {
|
|
34
|
-
padding: 0 16px;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
/* Smartphones (portrait); */
|
|
39
|
-
@media only screen and (min-device-width : 280px) and (max-device-width : 360px) {
|
|
40
|
-
.view {
|
|
41
|
-
padding: 0 16px;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
/* iPads (portrait and landscape); */
|
|
46
|
-
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
|
|
47
|
-
.view {
|
|
48
|
-
padding: 0 24px;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
/* iPad 3 */
|
|
53
|
-
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
|
|
54
|
-
.view {
|
|
55
|
-
padding: 0 24px;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
/* small desktop screens */
|
|
60
|
-
@media only screen and (max-width : 600px) {
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
/* low resolution desktop */
|
|
64
|
-
@media only screen and (max-width : 1200px) {
|
|
65
|
-
.view {
|
|
66
|
-
|
|
67
|
-
}
|
|
68
|
-
}
|
|
1
|
+
.view {
|
|
2
|
+
padding: 0 32px;
|
|
3
|
+
background-color: #ffffff;
|
|
4
|
+
border-radius: 4px;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.window-unpinned .view {
|
|
8
|
+
width: 0 !important;;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.window-pinned .view {
|
|
12
|
+
padding: 0 8px;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.no-margin {
|
|
16
|
+
margin-left: 0 !important;
|
|
17
|
+
margin-right: 0 !important;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.no-padding {
|
|
21
|
+
padding-left: 0 !important;
|
|
22
|
+
padding-right: 0 !important;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.centered-flex-box {
|
|
26
|
+
display: flex;
|
|
27
|
+
align-Items: center;
|
|
28
|
+
justify-content: center
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
/* Smartphones (landscape); */
|
|
32
|
+
@media only screen and (min-device-width : 361px) and (max-device-width : 480px) {
|
|
33
|
+
.view {
|
|
34
|
+
padding: 0 16px;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/* Smartphones (portrait); */
|
|
39
|
+
@media only screen and (min-device-width : 280px) and (max-device-width : 360px) {
|
|
40
|
+
.view {
|
|
41
|
+
padding: 0 16px;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/* iPads (portrait and landscape); */
|
|
46
|
+
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
|
|
47
|
+
.view {
|
|
48
|
+
padding: 0 24px;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
/* iPad 3 */
|
|
53
|
+
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
|
|
54
|
+
.view {
|
|
55
|
+
padding: 0 24px;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
/* small desktop screens */
|
|
60
|
+
@media only screen and (max-width : 600px) {
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
/* low resolution desktop */
|
|
64
|
+
@media only screen and (max-width : 1200px) {
|
|
65
|
+
.view {
|
|
66
|
+
|
|
67
|
+
}
|
|
68
|
+
}
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
.loaderModal {
|
|
2
|
-
display: block; /* Hidden by default */
|
|
3
|
-
position: fixed; /* Stay in place */
|
|
4
|
-
z-index: 3000; /* Sit on top */
|
|
5
|
-
left: 0;
|
|
6
|
-
top: 0;
|
|
7
|
-
width: 100vw; /* Full width */
|
|
8
|
-
height: 100vh; /* Full height */
|
|
9
|
-
overflow: auto; /* Enable scroll if needed */
|
|
10
|
-
background-color: rgb(0,0,0); /* Fallback color */
|
|
11
|
-
background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
/* Modal Content/Box */
|
|
15
|
-
.modal-content {
|
|
16
|
-
background-color: transparent;
|
|
17
|
-
margin: 30% auto; /* 15% from the top and centered */
|
|
18
|
-
padding: 20px;
|
|
19
|
-
border: 1px solid #888;
|
|
20
|
-
width: 10%; /* Could be more or less, depending on screen size */
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
/* The Close Button */
|
|
24
|
-
.close {
|
|
25
|
-
color: #aaa;
|
|
26
|
-
float: right;
|
|
27
|
-
font-size: 28px;
|
|
28
|
-
font-weight: bold;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.close:hover,
|
|
32
|
-
.close:focus {
|
|
33
|
-
color: black;
|
|
34
|
-
text-decoration: none;
|
|
35
|
-
cursor: pointer;
|
|
36
|
-
}
|
|
1
|
+
.loaderModal {
|
|
2
|
+
display: block; /* Hidden by default */
|
|
3
|
+
position: fixed; /* Stay in place */
|
|
4
|
+
z-index: 3000; /* Sit on top */
|
|
5
|
+
left: 0;
|
|
6
|
+
top: 0;
|
|
7
|
+
width: 100vw; /* Full width */
|
|
8
|
+
height: 100vh; /* Full height */
|
|
9
|
+
overflow: auto; /* Enable scroll if needed */
|
|
10
|
+
background-color: rgb(0,0,0); /* Fallback color */
|
|
11
|
+
background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
/* Modal Content/Box */
|
|
15
|
+
.modal-content {
|
|
16
|
+
background-color: transparent;
|
|
17
|
+
margin: 30% auto; /* 15% from the top and centered */
|
|
18
|
+
padding: 20px;
|
|
19
|
+
border: 1px solid #888;
|
|
20
|
+
width: 10%; /* Could be more or less, depending on screen size */
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
/* The Close Button */
|
|
24
|
+
.close {
|
|
25
|
+
color: #aaa;
|
|
26
|
+
float: right;
|
|
27
|
+
font-size: 28px;
|
|
28
|
+
font-weight: bold;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.close:hover,
|
|
32
|
+
.close:focus {
|
|
33
|
+
color: black;
|
|
34
|
+
text-decoration: none;
|
|
35
|
+
cursor: pointer;
|
|
36
|
+
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.user-video {
|
|
2
|
-
min-width: 280px;
|
|
3
|
-
height: 280px;
|
|
4
|
-
}
|
|
1
|
+
.user-video {
|
|
2
|
+
min-width: 280px;
|
|
3
|
+
height: 280px;
|
|
4
|
+
}
|
|
@@ -1,91 +1,91 @@
|
|
|
1
|
-
.table thead th {
|
|
2
|
-
}
|
|
3
|
-
|
|
4
|
-
table.responsive-table {
|
|
5
|
-
display: table;
|
|
6
|
-
/* required for table-layout to be used (not normally necessary; included for completeness) */
|
|
7
|
-
table-layout: fixed;
|
|
8
|
-
/* this keeps your columns with fixed with exactly the right width */
|
|
9
|
-
width: 100% !important;
|
|
10
|
-
/* table must have width set for fixed layout to work as expected */
|
|
11
|
-
height: 100%;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
table.responsive-table thead {
|
|
15
|
-
position: fixed;
|
|
16
|
-
top: 50px;
|
|
17
|
-
left: 0;
|
|
18
|
-
right: 0;
|
|
19
|
-
width: 100%;
|
|
20
|
-
min-height: 50px;
|
|
21
|
-
line-height: 3em;
|
|
22
|
-
background: #eee;
|
|
23
|
-
table-layout: fixed;
|
|
24
|
-
display: table;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
table.responsive-table th {
|
|
28
|
-
background: #eee;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
table.responsive-table td {
|
|
32
|
-
line-height: 2em;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
table.responsive-table tr > td,
|
|
36
|
-
table.responsive-table th {
|
|
37
|
-
text-align: left;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.table td, .table th {
|
|
41
|
-
white-space: nowrap;
|
|
42
|
-
overflow: hidden !important;
|
|
43
|
-
text-overflow: ellipsis;
|
|
44
|
-
min-width: 0 !important;
|
|
45
|
-
border-bottom: 1px solid rgba(224, 224, 224, 1) !important;
|
|
46
|
-
border-top: none !important;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.selectCell {
|
|
50
|
-
white-space: normal !important;
|
|
51
|
-
text-overflow: unset !important;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.selectCell span{
|
|
55
|
-
padding: 0 !important;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.table td {
|
|
59
|
-
padding: 6px 24px 6px 16px;
|
|
60
|
-
border-top: none !important;
|
|
61
|
-
display: table-cell;
|
|
62
|
-
font-size: 0.875rem;
|
|
63
|
-
text-align: left;
|
|
64
|
-
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
65
|
-
font-weight: 400;
|
|
66
|
-
line-height: 1.43;
|
|
67
|
-
border-bottom: 1px solid rgba(224, 224, 224, 1);
|
|
68
|
-
letter-spacing: 0.01071em;
|
|
69
|
-
vertical-align: inherit
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
.table th {
|
|
73
|
-
color: rgba(0, 0, 0, 0.54);
|
|
74
|
-
font-size: 0.75rem;
|
|
75
|
-
font-weight: 500;
|
|
76
|
-
line-height: 1.3125rem;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
.table {
|
|
80
|
-
table-layout: fixed;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.table-scrollbar {
|
|
84
|
-
position: relative;
|
|
85
|
-
overflow: auto;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
@media screen and (max-width: 40em) {
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
}
|
|
1
|
+
.table thead th {
|
|
2
|
+
}
|
|
3
|
+
|
|
4
|
+
table.responsive-table {
|
|
5
|
+
display: table;
|
|
6
|
+
/* required for table-layout to be used (not normally necessary; included for completeness) */
|
|
7
|
+
table-layout: fixed;
|
|
8
|
+
/* this keeps your columns with fixed with exactly the right width */
|
|
9
|
+
width: 100% !important;
|
|
10
|
+
/* table must have width set for fixed layout to work as expected */
|
|
11
|
+
height: 100%;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
table.responsive-table thead {
|
|
15
|
+
position: fixed;
|
|
16
|
+
top: 50px;
|
|
17
|
+
left: 0;
|
|
18
|
+
right: 0;
|
|
19
|
+
width: 100%;
|
|
20
|
+
min-height: 50px;
|
|
21
|
+
line-height: 3em;
|
|
22
|
+
background: #eee;
|
|
23
|
+
table-layout: fixed;
|
|
24
|
+
display: table;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
table.responsive-table th {
|
|
28
|
+
background: #eee;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
table.responsive-table td {
|
|
32
|
+
line-height: 2em;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
table.responsive-table tr > td,
|
|
36
|
+
table.responsive-table th {
|
|
37
|
+
text-align: left;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.table td, .table th {
|
|
41
|
+
white-space: nowrap;
|
|
42
|
+
overflow: hidden !important;
|
|
43
|
+
text-overflow: ellipsis;
|
|
44
|
+
min-width: 0 !important;
|
|
45
|
+
border-bottom: 1px solid rgba(224, 224, 224, 1) !important;
|
|
46
|
+
border-top: none !important;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.selectCell {
|
|
50
|
+
white-space: normal !important;
|
|
51
|
+
text-overflow: unset !important;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.selectCell span{
|
|
55
|
+
padding: 0 !important;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.table td {
|
|
59
|
+
padding: 6px 24px 6px 16px;
|
|
60
|
+
border-top: none !important;
|
|
61
|
+
display: table-cell;
|
|
62
|
+
font-size: 0.875rem;
|
|
63
|
+
text-align: left;
|
|
64
|
+
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
|
|
65
|
+
font-weight: 400;
|
|
66
|
+
line-height: 1.43;
|
|
67
|
+
border-bottom: 1px solid rgba(224, 224, 224, 1);
|
|
68
|
+
letter-spacing: 0.01071em;
|
|
69
|
+
vertical-align: inherit
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.table th {
|
|
73
|
+
color: rgba(0, 0, 0, 0.54);
|
|
74
|
+
font-size: 0.75rem;
|
|
75
|
+
font-weight: 500;
|
|
76
|
+
line-height: 1.3125rem;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.table {
|
|
80
|
+
table-layout: fixed;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.table-scrollbar {
|
|
84
|
+
position: relative;
|
|
85
|
+
overflow: auto;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
@media screen and (max-width: 40em) {
|
|
89
|
+
|
|
90
|
+
|
|
91
|
+
}
|
|
@@ -1,126 +1,126 @@
|
|
|
1
|
-
@media all and (min-width: 480px) {
|
|
2
|
-
.btn-primary {
|
|
3
|
-
border-color: transparent;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
#menubar-scroll::-webkit-scrollbar-track {
|
|
7
|
-
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
|
8
|
-
background-color: #F5F5F5;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
#menubar-scroll::-webkit-scrollbar {
|
|
12
|
-
width: 6px !important;
|
|
13
|
-
background-color: #F5F5F5;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
#menubar-scroll::-webkit-scrollbar-thumb {
|
|
17
|
-
background-color: #939393 !important;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.menu-table button {
|
|
21
|
-
height: 96px;
|
|
22
|
-
width: 100%;
|
|
23
|
-
border-radius: 0 !important;
|
|
24
|
-
text-decoration:none;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.menu-table .toolStripButtonSelected {
|
|
28
|
-
text-decoration: none;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
.menu-table .btn-primary:focus {
|
|
32
|
-
box-shadow: none;
|
|
33
|
-
text-decoration: none;
|
|
34
|
-
}
|
|
35
|
-
.footer {
|
|
36
|
-
font-size: 14px;
|
|
37
|
-
text-align: center;
|
|
38
|
-
color: white;
|
|
39
|
-
height: 10vh;
|
|
40
|
-
padding-top: 8px;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.react-pdf__Page__canvas{
|
|
44
|
-
width: 100% !important;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.header {
|
|
48
|
-
background-clip:border-box;
|
|
49
|
-
border-bottom: 1px solid #e1e1e1;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.header shadow {
|
|
53
|
-
/**box-shadow: 0 0.15rem 1.75rem 0 rgba(40, 41, 55, 0.15) !important;**/
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.header span {
|
|
57
|
-
/**color: #fff;**/
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
.header .form-inline .form-control {
|
|
61
|
-
border-top-right-radius: 0;
|
|
62
|
-
border-bottom-right-radius: 0;
|
|
63
|
-
position: relative;
|
|
64
|
-
flex: 1 1 auto;
|
|
65
|
-
width: 1%;
|
|
66
|
-
margin-bottom: 0;
|
|
67
|
-
display: inline-block;
|
|
68
|
-
width: auto;
|
|
69
|
-
vertical-align: middle;
|
|
70
|
-
background-color: #f8f9fc !important;
|
|
71
|
-
border: 0 !important;
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
.btn-primary, .btn, .btn-primary:hover, .btn:hover, .btn-primary:focus, .btn:focus {
|
|
75
|
-
outline: none !important;
|
|
76
|
-
outline-offset: unset !important;
|
|
77
|
-
border-color: transparent !important;
|
|
78
|
-
box-shadow: none !important;
|
|
79
|
-
text-decoration: none;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.header .btn-primary {
|
|
83
|
-
display: block;
|
|
84
|
-
color: #fff;
|
|
85
|
-
border-radius: 0px;
|
|
86
|
-
/*box-shadow: 0px 4px 6px 2px rgba(0,0,0,0.2);*/
|
|
87
|
-
//background-color: #114084;
|
|
88
|
-
border-top: 1px solid rgba(255,255,255,0.5) !important;
|
|
89
|
-
margin-top: -5px;
|
|
90
|
-
text-decoration: none;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.header .btn {
|
|
94
|
-
font-weight: 400;
|
|
95
|
-
text-align: center;
|
|
96
|
-
vertical-align: middle;
|
|
97
|
-
-ms-user-select: none;
|
|
98
|
-
user-select: none;
|
|
99
|
-
border: 1px solid transparent;
|
|
100
|
-
padding: 0.375rem 0.75rem;
|
|
101
|
-
font-size: 1rem;
|
|
102
|
-
line-height: 2;
|
|
103
|
-
width: 100%;
|
|
104
|
-
text-align:left;
|
|
105
|
-
text-decoration:none;
|
|
106
|
-
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
107
|
-
}
|
|
108
|
-
.border {
|
|
109
|
-
border: 0px solid #dee2e6 !important;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
.header .dropdown-toggle::after {
|
|
113
|
-
display: inline-block;
|
|
114
|
-
margin-left: .255em;
|
|
115
|
-
vertical-align: .255em;
|
|
116
|
-
content: none !important;
|
|
117
|
-
border-top: .3em solid;
|
|
118
|
-
border-right: .3em solid transparent;
|
|
119
|
-
border-bottom: 0;
|
|
120
|
-
border-left: .3em solid transparent;
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
.search .card-body{
|
|
124
|
-
height: 60vh !important;
|
|
125
|
-
}
|
|
126
|
-
}
|
|
1
|
+
@media all and (min-width: 480px) {
|
|
2
|
+
.btn-primary {
|
|
3
|
+
border-color: transparent;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
#menubar-scroll::-webkit-scrollbar-track {
|
|
7
|
+
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
|
8
|
+
background-color: #F5F5F5;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
#menubar-scroll::-webkit-scrollbar {
|
|
12
|
+
width: 6px !important;
|
|
13
|
+
background-color: #F5F5F5;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
#menubar-scroll::-webkit-scrollbar-thumb {
|
|
17
|
+
background-color: #939393 !important;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.menu-table button {
|
|
21
|
+
height: 96px;
|
|
22
|
+
width: 100%;
|
|
23
|
+
border-radius: 0 !important;
|
|
24
|
+
text-decoration:none;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.menu-table .toolStripButtonSelected {
|
|
28
|
+
text-decoration: none;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.menu-table .btn-primary:focus {
|
|
32
|
+
box-shadow: none;
|
|
33
|
+
text-decoration: none;
|
|
34
|
+
}
|
|
35
|
+
.footer {
|
|
36
|
+
font-size: 14px;
|
|
37
|
+
text-align: center;
|
|
38
|
+
color: white;
|
|
39
|
+
height: 10vh;
|
|
40
|
+
padding-top: 8px;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.react-pdf__Page__canvas{
|
|
44
|
+
width: 100% !important;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
.header {
|
|
48
|
+
background-clip:border-box;
|
|
49
|
+
border-bottom: 1px solid #e1e1e1;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.header shadow {
|
|
53
|
+
/**box-shadow: 0 0.15rem 1.75rem 0 rgba(40, 41, 55, 0.15) !important;**/
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.header span {
|
|
57
|
+
/**color: #fff;**/
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.header .form-inline .form-control {
|
|
61
|
+
border-top-right-radius: 0;
|
|
62
|
+
border-bottom-right-radius: 0;
|
|
63
|
+
position: relative;
|
|
64
|
+
flex: 1 1 auto;
|
|
65
|
+
width: 1%;
|
|
66
|
+
margin-bottom: 0;
|
|
67
|
+
display: inline-block;
|
|
68
|
+
width: auto;
|
|
69
|
+
vertical-align: middle;
|
|
70
|
+
background-color: #f8f9fc !important;
|
|
71
|
+
border: 0 !important;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.btn-primary, .btn, .btn-primary:hover, .btn:hover, .btn-primary:focus, .btn:focus {
|
|
75
|
+
outline: none !important;
|
|
76
|
+
outline-offset: unset !important;
|
|
77
|
+
border-color: transparent !important;
|
|
78
|
+
box-shadow: none !important;
|
|
79
|
+
text-decoration: none;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.header .btn-primary {
|
|
83
|
+
display: block;
|
|
84
|
+
color: #fff;
|
|
85
|
+
border-radius: 0px;
|
|
86
|
+
/*box-shadow: 0px 4px 6px 2px rgba(0,0,0,0.2);*/
|
|
87
|
+
//background-color: #114084;
|
|
88
|
+
border-top: 1px solid rgba(255,255,255,0.5) !important;
|
|
89
|
+
margin-top: -5px;
|
|
90
|
+
text-decoration: none;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.header .btn {
|
|
94
|
+
font-weight: 400;
|
|
95
|
+
text-align: center;
|
|
96
|
+
vertical-align: middle;
|
|
97
|
+
-ms-user-select: none;
|
|
98
|
+
user-select: none;
|
|
99
|
+
border: 1px solid transparent;
|
|
100
|
+
padding: 0.375rem 0.75rem;
|
|
101
|
+
font-size: 1rem;
|
|
102
|
+
line-height: 2;
|
|
103
|
+
width: 100%;
|
|
104
|
+
text-align:left;
|
|
105
|
+
text-decoration:none;
|
|
106
|
+
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
|
107
|
+
}
|
|
108
|
+
.border {
|
|
109
|
+
border: 0px solid #dee2e6 !important;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.header .dropdown-toggle::after {
|
|
113
|
+
display: inline-block;
|
|
114
|
+
margin-left: .255em;
|
|
115
|
+
vertical-align: .255em;
|
|
116
|
+
content: none !important;
|
|
117
|
+
border-top: .3em solid;
|
|
118
|
+
border-right: .3em solid transparent;
|
|
119
|
+
border-bottom: 0;
|
|
120
|
+
border-left: .3em solid transparent;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.search .card-body{
|
|
124
|
+
height: 60vh !important;
|
|
125
|
+
}
|
|
126
|
+
}
|
package/dist/view/Dashboard.js
CHANGED
|
@@ -404,10 +404,10 @@ const Dashboard = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.f
|
|
|
404
404
|
}
|
|
405
405
|
}
|
|
406
406
|
_react.default.useEffect(() => {
|
|
407
|
-
/*let rpcConfig = {
|
|
408
|
-
"type": "rpc",
|
|
409
|
-
"procedureName": "getWorkFlowSummary",
|
|
410
|
-
"serviceId": "BPM.WorkFlow"
|
|
407
|
+
/*let rpcConfig = {
|
|
408
|
+
"type": "rpc",
|
|
409
|
+
"procedureName": "getWorkFlowSummary",
|
|
410
|
+
"serviceId": "BPM.WorkFlow"
|
|
411
411
|
};*/
|
|
412
412
|
|
|
413
413
|
let cardsPerRow = 2;
|