qms-angular 2.0.1 → 2.0.2
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/esm2022/lib/components/banner/qms-banner-confirm/qms-banner-confirm.component.mjs +3 -3
- package/esm2022/lib/components/related/popup/related-popup.component.mjs +3 -3
- package/esm2022/lib/components/related/risk/analysis/analysis.component.mjs +2 -2
- package/esm2022/lib/components/select-access-dialog/select-access-dialog.component.mjs +3 -3
- package/esm2022/lib/components/select-department/select-department.component.mjs +3 -3
- package/esm2022/lib/components/select-department-tree/select-department-tree.component.mjs +5 -5
- package/esm2022/lib/components/select-one/select-one.component.mjs +10 -12
- package/esm2022/lib/components/select-process-data/select-process-data.component.mjs +3 -3
- package/esm2022/lib/components/select-process-data-tree/select-process-data-tree.component.mjs +3 -3
- package/esm2022/lib/qms-ckeditor-components/common/module/confirm/qms-ckeditor-confirm.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-about/qms-ckeditor-about.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-imagemap/qms-ckeditor-imagemap.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link/attachments/link-attachment.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link/qms-ckeditor-link.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-link-simple/qms-ckeditor-link-simple.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-load-template/qms-ckeditor-load-template.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-relation/qmsckeditor-related.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-template/qms-ckeditor-template.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/components/qms-ckeditor-tooltip/qms-ckeditor-tooltip.component.mjs +2 -2
- package/esm2022/lib/qms-ckeditor-components/qms-ckeditor.component.mjs +2 -2
- package/fesm2022/qms-angular.mjs +42 -42
- package/fesm2022/qms-angular.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/qms-ckeditor-plugin/build/ckeditor.js +1 -1
- package/src/lib/components/banner/qms-banner-confirm/qms-banner-confirm.component.scss +44 -44
- package/src/lib/components/related/risk/analysis/analysis.component.scss +0 -3
- package/src/lib/components/select-access-dialog/select-access-dialog.component.scss +8 -2
- package/src/lib/components/select-department/select-department.component.scss +3 -3
- package/src/lib/components/select-department-tree/select-department-tree.component.scss +1 -1
- package/src/lib/components/select-dialog/select-dialog.scss +1 -1
- package/src/lib/components/select-process-data/select-process-data.component.scss +1 -1
- package/src/lib/components/select-process-data-tree/select-process-data-tree.component.scss +1 -1
- package/src/lib/components/select-process-document/select-process-document.component.scss +5 -6
- package/src/lib/qms-ckeditor-components/styles/_modules.scss +149 -146
- package/src/themes/core/_checkbox.scss +5 -1
- package/src/themes/core/_dialog.scss +42 -53
- package/src/themes/core/_form.scss +40 -35
- package/src/themes/core/_radio.scss +5 -1
- package/src/themes/core/_range-slider.scss +223 -201
- package/src/themes/core/_slide-toggle.scss +48 -6
- package/src/themes/core/_tab.scss +516 -512
@@ -1,68 +1,57 @@
|
|
1
|
-
.qms-dialog-container {
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
1
|
+
.qms-dialog-container.mat-mdc-dialog-container {
|
2
|
+
.mat-mdc-dialog-title {
|
3
|
+
display: flex;
|
4
|
+
align-items: center;
|
5
|
+
padding: 6px 24px 13px;
|
6
|
+
}
|
6
7
|
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
border-radius: 4px;
|
11
|
-
box-sizing: border-box;
|
12
|
-
overflow: auto;
|
13
|
-
outline: 0;
|
14
|
-
width: 100%;
|
15
|
-
height: 100%;
|
16
|
-
min-height: inherit;
|
17
|
-
max-height: inherit;
|
18
|
-
}
|
8
|
+
.mat-mdc-dialog-title + .mat-mdc-dialog-content {
|
9
|
+
padding: 20px 24px 0;
|
10
|
+
}
|
19
11
|
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
flex-wrap: nowrap;
|
24
|
-
align-items: center;
|
12
|
+
.mat-mdc-dialog-actions {
|
13
|
+
padding: 16px 24px;
|
14
|
+
}
|
25
15
|
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
16
|
+
.close-btn {
|
17
|
+
position: absolute;
|
18
|
+
top: 10px;
|
19
|
+
right: 10px;
|
31
20
|
}
|
32
21
|
|
33
|
-
.
|
34
|
-
|
35
|
-
justify-content:
|
36
|
-
align-items: center;
|
37
|
-
margin-bottom: 10px;
|
38
|
-
flex: 0 1 auto;
|
39
|
-
height: 50px;
|
22
|
+
.mat-mdc-dialog-actions {
|
23
|
+
gap: 8px;
|
24
|
+
justify-content: flex-end;
|
40
25
|
}
|
41
26
|
|
42
|
-
.
|
43
|
-
|
44
|
-
overflow-y: auto;
|
45
|
-
overflow-x: hidden;
|
46
|
-
margin: 0;
|
27
|
+
.mdc-dialog__content {
|
28
|
+
color: var(--mdc-form-field-label-text-color);
|
47
29
|
}
|
30
|
+
}
|
48
31
|
|
49
|
-
|
32
|
+
.qms-dialog-container.mat-mdc-dialog-component-host {
|
33
|
+
.mat-mdc-dialog-title {
|
50
34
|
display: flex;
|
51
|
-
flex-wrap: wrap;
|
52
|
-
min-height: 50px;
|
53
35
|
align-items: center;
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
36
|
+
padding: 6px 24px 13px;
|
37
|
+
}
|
38
|
+
|
39
|
+
.mat-mdc-dialog-title + .mat-mdc-dialog-content {
|
40
|
+
padding: 20px 24px 0;
|
41
|
+
}
|
59
42
|
|
60
|
-
|
61
|
-
|
62
|
-
|
43
|
+
.mat-mdc-dialog-actions {
|
44
|
+
padding: 16px 24px;
|
45
|
+
}
|
46
|
+
|
47
|
+
.close-btn {
|
48
|
+
position: absolute;
|
49
|
+
top: 10px;
|
50
|
+
right: 10px;
|
51
|
+
}
|
63
52
|
|
64
|
-
|
65
|
-
|
66
|
-
|
53
|
+
.mat-mdc-dialog-actions {
|
54
|
+
gap: 8px;
|
55
|
+
justify-content: flex-end;
|
67
56
|
}
|
68
57
|
}
|
@@ -9,6 +9,7 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
|
|
9
9
|
.mat-mdc-form-field {
|
10
10
|
&.qms-form {
|
11
11
|
font-family: Open Sans;
|
12
|
+
margin-bottom: 16px;
|
12
13
|
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
13
14
|
.mat-form-field-underline {
|
14
15
|
opacity: 0;
|
@@ -245,7 +246,6 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
|
|
245
246
|
height: $height-input;
|
246
247
|
border-bottom: 1px solid black(0.38);
|
247
248
|
|
248
|
-
|
249
249
|
&:hover {
|
250
250
|
background-color: black(0.08);
|
251
251
|
}
|
@@ -284,8 +284,7 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
|
|
284
284
|
color: theme-apply($default-color);
|
285
285
|
font-size: 16px;
|
286
286
|
line-height: 22px;
|
287
|
-
font-family:
|
288
|
-
|
287
|
+
font-family: "Open sans";
|
289
288
|
|
290
289
|
&::placeholder {
|
291
290
|
color: black(0.6);
|
@@ -308,6 +307,10 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
|
|
308
307
|
line-height: 16px;
|
309
308
|
}
|
310
309
|
|
310
|
+
.mat-mdc-form-field-bottom-align::before {
|
311
|
+
content: none;
|
312
|
+
}
|
313
|
+
|
311
314
|
.mat-mdc-form-field-hint {
|
312
315
|
font-size: 0.75rem;
|
313
316
|
line-height: 16px;
|
@@ -324,12 +327,13 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
|
|
324
327
|
display: block;
|
325
328
|
}
|
326
329
|
/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/
|
327
|
-
.mat-select-min-line,
|
330
|
+
.mat-select-min-line,
|
331
|
+
mat-select-trigger {
|
328
332
|
font-weight: 600;
|
329
|
-
color:theme-apply($default-color);
|
333
|
+
color: theme-apply($default-color);
|
330
334
|
font-size: 16px;
|
331
335
|
line-height: 22px;
|
332
|
-
font-family:
|
336
|
+
font-family: "Open Sans", sans-serif;
|
333
337
|
}
|
334
338
|
/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/
|
335
339
|
.mat-select-arrow {
|
@@ -341,11 +345,12 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
|
|
341
345
|
}
|
342
346
|
}
|
343
347
|
|
344
|
-
&.qms-form.qms-search-field,
|
348
|
+
&.qms-form.qms-search-field,
|
349
|
+
&.qms-form.qms-file-upload,
|
345
350
|
&.qms-form:not(.mat-form-field-disabled):focus.qms-file-upload,
|
346
|
-
&.qms-form:not(.mat-form-field-disabled):focus.qms-search-field{
|
351
|
+
&.qms-form:not(.mat-form-field-disabled):focus.qms-search-field {
|
347
352
|
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
348
|
-
.mat-form-field-flex{
|
353
|
+
.mat-form-field-flex {
|
349
354
|
padding: 0.25rem 0rem 0.25rem 1rem;
|
350
355
|
background-color: black(0.04);
|
351
356
|
}
|
@@ -353,27 +358,27 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
|
|
353
358
|
color: black(0.6);
|
354
359
|
}
|
355
360
|
|
356
|
-
mat-icon,
|
361
|
+
mat-icon,
|
362
|
+
.material-icons {
|
357
363
|
color: black(0.6);
|
358
364
|
}
|
359
365
|
}
|
360
366
|
|
361
|
-
&.qms-form.mat-form-field-disabled.qms-file-upload{
|
367
|
+
&.qms-form.mat-form-field-disabled.qms-file-upload {
|
362
368
|
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
363
369
|
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
364
370
|
.mat-form-field-flex:active {
|
365
|
-
|
366
|
-
|
367
|
-
|
368
|
-
|
371
|
+
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
372
|
+
.mat-form-field-prefix mat-icon > svg {
|
373
|
+
fill: black(0.38);
|
374
|
+
}
|
369
375
|
}
|
370
376
|
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
371
|
-
.mat-form-field-flex:hover{
|
377
|
+
.mat-form-field-flex:hover {
|
372
378
|
background-color: black(0.04);
|
373
379
|
}
|
374
380
|
}
|
375
381
|
|
376
|
-
|
377
382
|
&.qms-search-field,
|
378
383
|
&.qms-file-upload {
|
379
384
|
font-weight: 600;
|
@@ -384,7 +389,7 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
|
|
384
389
|
border-radius: 0.25em;
|
385
390
|
}
|
386
391
|
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
387
|
-
.mat-form-field-flex{
|
392
|
+
.mat-form-field-flex {
|
388
393
|
align-items: center;
|
389
394
|
}
|
390
395
|
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
|
@@ -413,26 +418,26 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
|
|
413
418
|
height: 2.5em;
|
414
419
|
|
415
420
|
button {
|
416
|
-
|
417
|
-
|
418
|
-
|
421
|
+
width: 1.5rem;
|
422
|
+
height: 1.5rem;
|
423
|
+
margin-right: 1rem;
|
419
424
|
}
|
420
425
|
|
421
|
-
.qms-input-clear::before{
|
422
|
-
|
423
|
-
|
424
|
-
|
425
|
-
|
426
|
-
|
426
|
+
.qms-input-clear::before {
|
427
|
+
content: "";
|
428
|
+
background: black(0.12);
|
429
|
+
height: 34px;
|
430
|
+
display: inline-block;
|
431
|
+
width: 1px;
|
427
432
|
}
|
428
433
|
|
429
|
-
.qms-input-clear{
|
430
|
-
|
431
|
-
|
432
|
-
|
433
|
-
|
434
|
-
|
435
|
-
|
434
|
+
.qms-input-clear {
|
435
|
+
padding: 0.25rem 0rem 0.25rem 0;
|
436
|
+
display: flex;
|
437
|
+
align-items: center;
|
438
|
+
button {
|
439
|
+
margin-left: 1rem;
|
440
|
+
}
|
436
441
|
}
|
437
442
|
|
438
443
|
mat-progress-spinner {
|
@@ -441,7 +446,7 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
|
|
441
446
|
}
|
442
447
|
}
|
443
448
|
|
444
|
-
.mat-mdc-form-field-error{
|
449
|
+
.mat-mdc-form-field-error {
|
445
450
|
font-weight: 400;
|
446
451
|
}
|
447
452
|
}
|
@@ -37,7 +37,6 @@
|
|
37
37
|
font-size: 1rem;
|
38
38
|
line-height: 28px;
|
39
39
|
color: theme-apply($default-color);
|
40
|
-
white-space: break-spaces;
|
41
40
|
}
|
42
41
|
|
43
42
|
.text-help {
|
@@ -139,5 +138,10 @@
|
|
139
138
|
}
|
140
139
|
}
|
141
140
|
//-------------------End No Label-----------------------------//
|
141
|
+
|
142
|
+
.mdc-label {
|
143
|
+
display: flex;
|
144
|
+
flex-direction: column;
|
145
|
+
}
|
142
146
|
}
|
143
147
|
}
|