qms-angular 1.1.3 → 1.1.4
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/README.md +15 -9
- package/bundles/qms-angular.umd.js +47 -6
- package/bundles/qms-angular.umd.js.map +1 -1
- package/esm2015/lib/components/breadcrumb/model/breadcrumb-node.model.js +1 -1
- package/esm2015/lib/components/button/button-toggle.js +1 -1
- package/esm2015/lib/components/list/list.js +2 -2
- package/esm2015/lib/components/rich-text/rich-text.js +1 -1
- package/esm2015/lib/components/table/table-action.js +1 -1
- package/esm2015/lib/components/upload-file-error-dialog/upload-file-error-dialog.js +5 -2
- package/esm2015/lib/directives/dialog/dialog.content.directive.js +27 -1
- package/esm2015/lib/model/en.js +5 -1
- package/esm2015/lib/model/no.js +5 -1
- package/esm2015/lib/qms-angular.module.js +4 -2
- package/esm2015/lib/qms-ckeditor-components/qms-ckeditor.component.js +1 -1
- package/fesm2015/qms-angular.js +46 -7
- package/fesm2015/qms-angular.js.map +1 -1
- package/lib/components/breadcrumb/model/breadcrumb-node.model.d.ts +1 -0
- package/lib/components/upload-file-error-dialog/upload-file-error-dialog.d.ts +6 -0
- package/lib/directives/dialog/dialog.content.directive.d.ts +7 -0
- package/lib/model/en.d.ts +4 -0
- package/lib/model/no.d.ts +4 -0
- package/lib.theme.scss +2 -0
- package/package.json +1 -1
- package/qms-angular.metadata.json +1 -1
- package/src/lib/components/button/button-toggle.scss +1 -1
- package/src/lib/components/list/_list-base.scss +1 -1
- package/src/lib/components/rich-text/rich-text.scss +1 -1
- package/src/lib/components/substance-conflict/substance-conflict.component.scss +2 -2
- package/src/lib/components/table/{table.scss → table-action.scss} +0 -0
- package/src/lib/qms-ckeditor-components/qms-ckeditor.component.scss +1 -1
- package/src/themes/core/_app-bar.scss +2 -2
- package/src/themes/core/_checkbox.scss +6 -0
- package/src/themes/core/_dialog-new.scss +32 -0
- package/src/themes/core/_table-pure-gap.scss +82 -0
- package/src/themes/core/_table.scss +5 -5
- package/src/themes/theme/_variable.scss +28 -20
|
@@ -5,7 +5,7 @@ $leading-icon: 24px;
|
|
|
5
5
|
$leading-icon-padding: 4px;
|
|
6
6
|
$subtitle-color: theme-apply($default-color);
|
|
7
7
|
$subtitle-weight: 600;
|
|
8
|
-
$border-bottom-item:
|
|
8
|
+
$border-bottom-item: theme-apply($other-divider);;
|
|
9
9
|
$size-caption: 0.75rem;
|
|
10
10
|
$margin-icon: 0.75rem;
|
|
11
11
|
$size-sm: 0.875rem;
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
.button-view {
|
|
61
|
-
border: 1px solid
|
|
61
|
+
border: 1px solid theme-apply($disabled);
|
|
62
62
|
border-radius: 5px;
|
|
63
63
|
padding: 10px;
|
|
64
64
|
cursor: pointer !important;
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
&.cancel {
|
|
72
|
-
background-color:
|
|
72
|
+
background-color: theme-apply($disabled);
|
|
73
73
|
color: #000000;
|
|
74
74
|
}
|
|
75
75
|
|
|
File without changes
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
@import "../theme/mixins";
|
|
4
4
|
|
|
5
5
|
.qms-app-bar-dark {
|
|
6
|
-
background: theme-apply(
|
|
6
|
+
background: theme-apply($qms-app-bar-dark-background-color);
|
|
7
7
|
width : 100% !important;
|
|
8
8
|
height : 56px !important;
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
.qms-app-bar-light {
|
|
12
|
-
background: theme-apply(
|
|
12
|
+
background: theme-apply($qms-app-bar-light-background-color);
|
|
13
13
|
width : 100% !important;
|
|
14
14
|
height : 56px !important;
|
|
15
15
|
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
::ng-deep .qms-dialog-container-v2 {
|
|
2
|
+
width: 100%;
|
|
3
|
+
height: 100%;
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
flex-wrap: nowrap;
|
|
7
|
+
|
|
8
|
+
.qms-dialog-header {
|
|
9
|
+
flex-shrink: 0;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.qms-dialog-content {
|
|
13
|
+
flex-grow: 1;
|
|
14
|
+
overflow-y: auto;
|
|
15
|
+
overflow-x: hidden;
|
|
16
|
+
margin: 0;
|
|
17
|
+
min-height: 2em;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.qms-dialog-footer {
|
|
21
|
+
margin-top: 10px;
|
|
22
|
+
flex-shrink: 0;
|
|
23
|
+
|
|
24
|
+
&.qms-dialog-footer-align-center {
|
|
25
|
+
justify-content: center;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
&.qms-dialog-footer-align-start {
|
|
29
|
+
justify-content: start;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
@import "../theme/variable";
|
|
2
|
+
@import "../theme/mixins";
|
|
3
|
+
@import "typography";
|
|
4
|
+
|
|
5
|
+
table.mat-table {
|
|
6
|
+
&.qms-table {
|
|
7
|
+
width: 100%;
|
|
8
|
+
border-collapse: separate;
|
|
9
|
+
border-spacing: 0 8px;
|
|
10
|
+
background-color: transparent;
|
|
11
|
+
font-family: Open Sans;
|
|
12
|
+
|
|
13
|
+
.mat-header-cell {
|
|
14
|
+
font-size: 14px;
|
|
15
|
+
font-weight: 600;
|
|
16
|
+
color: theme-apply($ws-text-secondary);
|
|
17
|
+
|
|
18
|
+
.mat-checkbox.qms-group-options {
|
|
19
|
+
padding: 5px 15px 5px 5px;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.mat-header-row {
|
|
24
|
+
height: 32px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
th {
|
|
28
|
+
border-bottom: none;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
td {
|
|
32
|
+
border-top: 1px solid theme-apply($disabled);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
&.border-left {
|
|
36
|
+
border-left: 1px solid theme-apply($disabled);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.border-right {
|
|
40
|
+
border-right: 1px solid theme-apply($disabled);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
td.mat-cell {
|
|
44
|
+
padding: 10px 0 10px 0;
|
|
45
|
+
border-bottom: 1px solid theme-apply($other-divider);
|
|
46
|
+
border-top: 1px solid theme-apply($other-divider);
|
|
47
|
+
background-color: #fff;
|
|
48
|
+
color: theme-apply($ws-text-primary);
|
|
49
|
+
font-weight: 400;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
td.mat-cell:first-child {
|
|
53
|
+
border-left: 1px solid theme-apply($other-divider);
|
|
54
|
+
border-bottom-left-radius: 4px;
|
|
55
|
+
border-top-left-radius: 4px;
|
|
56
|
+
|
|
57
|
+
.mat-checkbox.qms-group-options {
|
|
58
|
+
border-right: 1px solid theme-apply($other-divider);
|
|
59
|
+
border-radius: 0px;
|
|
60
|
+
padding: 5px 15px 5px 5px;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
td.mat-cell:last-child {
|
|
65
|
+
border-right: 1px solid theme-apply($other-divider);
|
|
66
|
+
border-bottom-right-radius: 4px;
|
|
67
|
+
border-top-right-radius: 4px;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
th.mat-header-cell:last-of-type,
|
|
71
|
+
td.mat-cell:last-of-type,
|
|
72
|
+
td.mat-footer-cell:last-of-type {
|
|
73
|
+
padding-right: 16px;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
th.mat-header-cell:first-of-type,
|
|
77
|
+
td.mat-cell:first-of-type,
|
|
78
|
+
td.mat-footer-cell:first-of-type {
|
|
79
|
+
padding-left: 16px;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
|
|
34
34
|
&:hover, &:focus-visible {
|
|
35
35
|
outline: unset;
|
|
36
|
-
color:
|
|
36
|
+
color: theme-apply($primary);
|
|
37
37
|
text-decoration: underline;
|
|
38
38
|
}
|
|
39
39
|
}
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
.qms-table-row {
|
|
58
58
|
padding: 8px 0 8px 20px;
|
|
59
59
|
background: #FFFFFF;
|
|
60
|
-
border: 1px solid
|
|
60
|
+
border: 1px solid theme-apply($other-divider);;
|
|
61
61
|
border-radius: 4px;
|
|
62
62
|
margin-top: 8px;
|
|
63
63
|
min-height: 40px;
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
}
|
|
105
105
|
|
|
106
106
|
&-disabled {
|
|
107
|
-
background:
|
|
107
|
+
background: theme-apply($disabled);
|
|
108
108
|
color: rgba(0, 0, 0, 0.38);
|
|
109
109
|
pointer-events: none;
|
|
110
110
|
|
|
@@ -203,7 +203,7 @@
|
|
|
203
203
|
}
|
|
204
204
|
|
|
205
205
|
.qms-row-detail {
|
|
206
|
-
border: 1px solid
|
|
206
|
+
border: 1px solid theme-apply($other-divider);;
|
|
207
207
|
border-top: none;
|
|
208
208
|
}
|
|
209
209
|
}
|
|
@@ -218,7 +218,7 @@
|
|
|
218
218
|
}
|
|
219
219
|
|
|
220
220
|
.qms-collapse-group {
|
|
221
|
-
border: 1px solid
|
|
221
|
+
border: 1px solid theme-apply($other-divider);;
|
|
222
222
|
border-left: 4px solid theme-apply($primary-light-32-opacity);
|
|
223
223
|
border-bottom-left-radius: 4px;
|
|
224
224
|
border-bottom-right-radius: 4px;
|
|
@@ -30,6 +30,7 @@ $slider-hover-border: --slider-hover-border;
|
|
|
30
30
|
$slider-focus-border: --slider-focus-border;
|
|
31
31
|
$slider-pressed: --slider-pressed;
|
|
32
32
|
$disabled-select-input-checked: --disabled-select-input-checked;
|
|
33
|
+
$other-divider: --other-divider;
|
|
33
34
|
|
|
34
35
|
$error-color: --error-color;
|
|
35
36
|
$success-color: --success-color;
|
|
@@ -100,31 +101,32 @@ $tab-primary-background-hover: --tab-primary-background-hover;
|
|
|
100
101
|
$tab-primary-border: --tab-primary-border;
|
|
101
102
|
$tab-disable-background: --tab-disable-background;
|
|
102
103
|
|
|
103
|
-
|
|
104
|
-
|
|
104
|
+
$qms-app-bar-dark-background-color: --qms-app-bar-dark-background-color;
|
|
105
|
+
$qms-app-bar-light-background-color: --qms-app-bar-light-background-color;
|
|
105
106
|
|
|
107
|
+
$ws-text-secondary: --ws-text-secondary;
|
|
108
|
+
$ws-text-primary: --ws-text-primary;
|
|
106
109
|
|
|
107
110
|
@function black($opacity) {
|
|
108
|
-
@return rgba(black, $opacity)
|
|
109
|
-
}
|
|
111
|
+
@return rgba(black, $opacity);
|
|
112
|
+
}
|
|
110
113
|
|
|
111
114
|
@function white($opacity) {
|
|
112
|
-
@return rgba(white, $opacity)
|
|
115
|
+
@return rgba(white, $opacity);
|
|
113
116
|
}
|
|
114
117
|
|
|
115
|
-
|
|
116
118
|
$qms-theme-default: (
|
|
117
119
|
$primary: #1954a9,
|
|
118
120
|
$primary-light: #2873df,
|
|
119
121
|
$primary-lighter: #b7daf8,
|
|
120
122
|
$primary-light-3-opacity: #f5faff,
|
|
121
|
-
$primary-light-6-opacity: #
|
|
122
|
-
$primary-light-12-opacity: #
|
|
123
|
+
$primary-light-6-opacity: #f2f7fd,
|
|
124
|
+
$primary-light-12-opacity: #e5eefb,
|
|
123
125
|
$primary-light-24-opacity: rgba(40, 115, 223, 0.24),
|
|
124
126
|
$primary-light-32-opacity: #94baef,
|
|
125
|
-
$primary-light-38-opacity: #
|
|
127
|
+
$primary-light-38-opacity: #86a5d1,
|
|
126
128
|
$primary-dark: #144285,
|
|
127
|
-
$primary-dark-24-opacity: #
|
|
129
|
+
$primary-dark-24-opacity: #c8d6ea,
|
|
128
130
|
$secondary: #9e360f,
|
|
129
131
|
$secondary-light: #b63e11,
|
|
130
132
|
$secondary-dark: #872e0d,
|
|
@@ -137,7 +139,7 @@ $qms-theme-default: (
|
|
|
137
139
|
$disabled: #e4e4e4,
|
|
138
140
|
$active: #1954a9,
|
|
139
141
|
$default-color: #323232,
|
|
140
|
-
$disabled-select-input-checked: #
|
|
142
|
+
$disabled-select-input-checked: #dadada,
|
|
141
143
|
$slider-background: rgba(#1954a9, 0.38),
|
|
142
144
|
$slider-tick-color: rgba(255, 255, 255, 0.38),
|
|
143
145
|
$slider-hover-border: rgba(25, 84, 169, 8%),
|
|
@@ -208,8 +210,11 @@ $qms-theme-default: (
|
|
|
208
210
|
$tab-primary-background-hover: rgba(255, 255, 255, 0.08),
|
|
209
211
|
$tab-primary-border: rgba(255, 255, 255, 0.38),
|
|
210
212
|
$tab-disable-background: rgba(25, 84, 169, 0.12),
|
|
211
|
-
|
|
212
|
-
|
|
213
|
+
$qms-app-bar-dark-background-color: #0d6efd,
|
|
214
|
+
$qms-app-bar-light-background-color: #c41e1e,
|
|
215
|
+
$other-divider: #e0e0e0,
|
|
216
|
+
$ws-text-secondary: #5a5a5a,
|
|
217
|
+
$ws-text-primary: #242424,
|
|
213
218
|
);
|
|
214
219
|
|
|
215
220
|
$qms-theme-pink: (
|
|
@@ -217,13 +222,13 @@ $qms-theme-pink: (
|
|
|
217
222
|
$primary-light: #2873df,
|
|
218
223
|
$primary-lighter: #b7daf8,
|
|
219
224
|
$primary-light-3-opacity: #f5faff,
|
|
220
|
-
$primary-light-6-opacity: #
|
|
221
|
-
$primary-light-12-opacity: #
|
|
225
|
+
$primary-light-6-opacity: #f2f7fd,
|
|
226
|
+
$primary-light-12-opacity: #e5eefb,
|
|
222
227
|
$primary-light-24-opacity: rgba(40, 115, 223, 0.24),
|
|
223
228
|
$primary-light-32-opacity: #94baef,
|
|
224
|
-
$primary-light-38-opacity: #
|
|
229
|
+
$primary-light-38-opacity: #86a5d1,
|
|
225
230
|
$primary-dark: #144285,
|
|
226
|
-
$primary-dark-24-opacity: #
|
|
231
|
+
$primary-dark-24-opacity: #c8d6ea,
|
|
227
232
|
$secondary: #9e360f,
|
|
228
233
|
$secondary-light: #b63e11,
|
|
229
234
|
$secondary-dark: #872e0d,
|
|
@@ -236,7 +241,7 @@ $qms-theme-pink: (
|
|
|
236
241
|
$disabled: #e4e4e4,
|
|
237
242
|
$active: #1954a9,
|
|
238
243
|
$default-color: #323232,
|
|
239
|
-
$disabled-select-input-checked: #
|
|
244
|
+
$disabled-select-input-checked: #dadada,
|
|
240
245
|
$slider-background: rgba(#1954a9, 0.38),
|
|
241
246
|
$slider-tick-color: rgba(255, 255, 255, 0.38),
|
|
242
247
|
$slider-hover-border: rgba(25, 84, 169, 8%),
|
|
@@ -307,6 +312,9 @@ $qms-theme-pink: (
|
|
|
307
312
|
$tab-primary-background-hover: rgba(255, 255, 255, 0.08),
|
|
308
313
|
$tab-primary-border: rgba(255, 255, 255, 0.38),
|
|
309
314
|
$tab-disable-background: rgba(25, 84, 169, 0.12),
|
|
310
|
-
|
|
311
|
-
|
|
315
|
+
$qms-app-bar-dark-background-color: #0d6efd,
|
|
316
|
+
$qms-app-bar-light-background-color: #c41e1e,
|
|
317
|
+
$other-divider: #e0e0e0,
|
|
318
|
+
$ws-text-secondary: #5a5a5a,
|
|
319
|
+
$ws-text-primary: #242424,
|
|
312
320
|
);
|