@agilemotion/oui-react-js 1.8.5 → 1.8.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/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 +13 -13
- package/package.json +2 -10
|
@@ -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
|
-
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
|
+
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
|
@@ -48,15 +48,15 @@ const DashboardCard = props => {
|
|
|
48
48
|
}
|
|
49
49
|
};
|
|
50
50
|
|
|
51
|
-
/*trackPromise(
|
|
52
|
-
fetch(encodeURI(path), fetchConfig)
|
|
53
|
-
.then(text)
|
|
54
|
-
.then((data) => {
|
|
55
|
-
setContent(data);
|
|
56
|
-
})
|
|
57
|
-
.catch((e) => {
|
|
58
|
-
console.error(e);
|
|
59
|
-
})
|
|
51
|
+
/*trackPromise(
|
|
52
|
+
fetch(encodeURI(path), fetchConfig)
|
|
53
|
+
.then(text)
|
|
54
|
+
.then((data) => {
|
|
55
|
+
setContent(data);
|
|
56
|
+
})
|
|
57
|
+
.catch((e) => {
|
|
58
|
+
console.error(e);
|
|
59
|
+
})
|
|
60
60
|
);*/
|
|
61
61
|
}
|
|
62
62
|
}, [path]);
|
|
@@ -351,10 +351,10 @@ const Dashboard = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.f
|
|
|
351
351
|
});
|
|
352
352
|
};
|
|
353
353
|
_react.default.useEffect(() => {
|
|
354
|
-
/*let rpcConfig = {
|
|
355
|
-
"type": "rpc",
|
|
356
|
-
"procedureName": "getWorkFlowSummary",
|
|
357
|
-
"serviceId": "BPM.WorkFlow"
|
|
354
|
+
/*let rpcConfig = {
|
|
355
|
+
"type": "rpc",
|
|
356
|
+
"procedureName": "getWorkFlowSummary",
|
|
357
|
+
"serviceId": "BPM.WorkFlow"
|
|
358
358
|
};*/
|
|
359
359
|
|
|
360
360
|
let cardsPerRow = 2;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@agilemotion/oui-react-js",
|
|
3
|
-
"version": "1.8.
|
|
3
|
+
"version": "1.8.6",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist"
|
|
6
6
|
],
|
|
@@ -138,13 +138,5 @@
|
|
|
138
138
|
"description": "export NODE_OPTIONS=--openssl-legacy-provider",
|
|
139
139
|
"main": "gulpfile.js",
|
|
140
140
|
"author": "",
|
|
141
|
-
"license": "ISC"
|
|
142
|
-
"repository": {
|
|
143
|
-
"type": "git",
|
|
144
|
-
"url": "git+https://gitlab.com/agilemotion/oui-react-js.git"
|
|
145
|
-
},
|
|
146
|
-
"bugs": {
|
|
147
|
-
"url": "https://gitlab.com/agilemotion/oui-react-js/issues"
|
|
148
|
-
},
|
|
149
|
-
"homepage": "https://gitlab.com/agilemotion/oui-react-js#readme"
|
|
141
|
+
"license": "ISC"
|
|
150
142
|
}
|