qms-angular 2.0.4 → 2.0.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.
@@ -9,11 +9,9 @@ export declare class QMSConfirmDialog implements OnInit, AfterViewInit {
9
9
  private dialogRef;
10
10
  info: ConfirmDialog;
11
11
  actionGroup: ElementRef;
12
- onResize(event: any): void;
13
12
  constructor(fb: UntypedFormBuilder, _elRef: ElementRef, dialogRef: MatDialogRef<QMSConfirmDialog>, data: any);
14
- ngOnInit(): void;
15
13
  ngAfterViewInit(): void;
16
- orderActionButton(): void;
14
+ ngOnInit(): void;
17
15
  save(): void;
18
16
  close(): void;
19
17
  static ɵfac: i0.ɵɵFactoryDeclaration<QMSConfirmDialog, never>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "qms-angular",
3
- "version": "2.0.4",
3
+ "version": "2.0.6",
4
4
  "dependencies": {
5
5
  "tslib": "^2.0.0"
6
6
  },
@@ -53,7 +53,6 @@
53
53
 
54
54
  .close-btn {
55
55
  color: black(0.6);
56
- height: 30px;
57
56
  padding: 0;
58
57
 
59
58
  &:hover,
@@ -14,8 +14,10 @@
14
14
  }
15
15
 
16
16
  .mat-expansion-panel-header {
17
- font-size: 12px !important;
18
17
  font-weight: 800 !important;
18
+ .title-content {
19
+ font-size: 12px !important;
20
+ }
19
21
  }
20
22
 
21
23
  .w-100 {
@@ -6,7 +6,7 @@
6
6
  }
7
7
 
8
8
  .mat-mdc-dialog-title + .mat-mdc-dialog-content {
9
- padding: 20px 24px 0;
9
+ padding: 0px 24px;
10
10
  }
11
11
 
12
12
  .mat-mdc-dialog-actions {
@@ -20,7 +20,6 @@
20
20
  }
21
21
 
22
22
  .mat-mdc-dialog-actions {
23
- gap: 8px;
24
23
  justify-content: flex-end;
25
24
  }
26
25
 
@@ -37,7 +36,7 @@
37
36
  }
38
37
 
39
38
  .mat-mdc-dialog-title + .mat-mdc-dialog-content {
40
- padding: 20px 24px 0;
39
+ padding: 0px 24px;
41
40
  }
42
41
 
43
42
  .mat-mdc-dialog-actions {
@@ -51,7 +50,6 @@
51
50
  }
52
51
 
53
52
  .mat-mdc-dialog-actions {
54
- gap: 8px;
55
53
  justify-content: flex-end;
56
54
  }
57
55
  }
@@ -7,8 +7,9 @@
7
7
  display: flex;
8
8
  flex-direction: column;
9
9
  align-items: center;
10
- color: theme-apply($tab-dark-background);
10
+ // color: theme-apply($tab-dark-background);
11
11
  font-family: Open Sans, Arial, Sans-Serif;
12
+ font-weight: 600;
12
13
  }
13
14
 
14
15
  .qms-tab-label:hover {
@@ -76,7 +77,7 @@
76
77
  align-items: center;
77
78
  color: theme-apply($popup-title-color);
78
79
  font-family: Open Sans, Arial, Sans-Serif;
79
- font-weight: 400;
80
+ font-weight: 600;
80
81
  .mat-icon {
81
82
  color: black(0.6);
82
83
  }
@@ -175,7 +176,7 @@
175
176
  }
176
177
 
177
178
  &.qms-tab-group-advanced.primary {
178
- background: theme-apply($tab-dark-background);
179
+ // background: theme-apply($tab-dark-background);
179
180
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
180
181
  .mat-tab-labels {
181
182
  border-bottom: 1px solid theme-apply($tab-primary-label);
@@ -185,7 +186,7 @@
185
186
  flex-direction: column;
186
187
  align-items: center;
187
188
  color: white;
188
- font-weight: 400;
189
+ font-weight: 600;
189
190
  .mat-icon {
190
191
  color: theme-apply($tab-primary-icon);
191
192
  }
@@ -250,7 +251,7 @@
250
251
  }
251
252
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
252
253
  &.mat-tab-disabled:hover {
253
- background: theme-apply($tab-dark-background);
254
+ // background: theme-apply($tab-dark-background);
254
255
  }
255
256
  }
256
257
 
@@ -295,8 +296,9 @@
295
296
  display: flex;
296
297
  flex-direction: column;
297
298
  align-items: center;
298
- color: theme-apply($tab-dark-background);
299
+ // color: theme-apply($tab-dark-background);
299
300
  font-family: Open Sans, Arial, Sans-Serif;
301
+ font-weight: 600;
300
302
  }
301
303
 
302
304
  .qms-tab-label:hover {
@@ -352,6 +354,18 @@
352
354
  border-color: theme-apply($tab-border);
353
355
  }
354
356
  }
357
+
358
+ .mdc-tab-indicator__content--underline {
359
+ border-top-width: 3px;
360
+ border-color: theme-apply($active);
361
+ }
362
+
363
+ .mdc-tab--active {
364
+ .mdc-tab__text-label {
365
+ color: theme-apply($active);
366
+ font-weight: 600;
367
+ }
368
+ }
355
369
  }
356
370
 
357
371
  &.qms-tab-group-advanced {
@@ -359,9 +373,9 @@
359
373
  display: flex;
360
374
  flex-direction: column;
361
375
  align-items: center;
362
- color: theme-apply($tab-dark-background);
376
+ // color: theme-apply($tab-dark-background);
363
377
  font-family: Open Sans, Arial, Sans-Serif;
364
- font-weight: 400;
378
+ font-weight: 600;
365
379
  .mat-icon {
366
380
  color: black(0.6);
367
381
  }
@@ -452,14 +466,14 @@
452
466
  }
453
467
 
454
468
  &.qms-tab-group-advanced.primary {
455
- background: theme-apply($tab-dark-background);
469
+ // background: theme-apply($tab-dark-background);
456
470
 
457
471
  .qms-tab-label {
458
472
  display: flex;
459
473
  flex-direction: column;
460
474
  align-items: center;
461
475
  color: white;
462
- font-weight: 400;
476
+ font-weight: 600;
463
477
  .mat-icon {
464
478
  color: theme-apply($tab-primary-icon);
465
479
  }
@@ -498,7 +512,7 @@
498
512
  }
499
513
 
500
514
  .mat-ripple-element {
501
- background-color: theme-apply($tab-dark-background);
515
+ // background-color: theme-apply($tab-dark-background);
502
516
  }
503
517
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
504
518
  &.mdc-tab--active {
@@ -519,7 +533,7 @@
519
533
  }
520
534
  /* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */
521
535
  &.mat-tab-disabled:hover {
522
- background: theme-apply($tab-dark-background);
536
+ // background: theme-apply($tab-dark-background);
523
537
  }
524
538
  }
525
539
 
@@ -29,7 +29,7 @@ table.mat-mdc-table {
29
29
 
30
30
  .mat-mdc-row {
31
31
  font-family: inherit;
32
- }
32
+ }
33
33
 
34
34
  .mat-mdc-header-cell {
35
35
  font-size: 14px;
@@ -6,7 +6,7 @@
6
6
  &.mat-mdc-table {
7
7
  .mat-mdc-row {
8
8
  font-family: inherit;
9
- }
9
+ }
10
10
  }
11
11
 
12
12
  .mat-mdc-checkbox.qms-group-options {
@@ -63,12 +63,12 @@
63
63
  }
64
64
 
65
65
  .qms-table-row {
66
- padding: 8px 0 8px 20px;
66
+ padding: 0px;
67
67
  background: #ffffff;
68
68
  border: 1px solid theme-apply($other-divider);
69
69
  border-radius: 4px;
70
70
  margin-top: 8px;
71
- min-height: 40px;
71
+ min-height: 52px;
72
72
  font-size: 14px;
73
73
  line-height: 20px;
74
74
  font-family: "Open Sans";
@@ -79,11 +79,16 @@
79
79
  transition: background 0.2s;
80
80
 
81
81
  mat-cell:first-of-type {
82
- padding: 0;
82
+ padding: 0 16px 0 16px;
83
83
  }
84
84
 
85
85
  mat-cell:last-of-type {
86
- padding-right: 16px;
86
+ padding: 0 16px 0 16px;
87
+ }
88
+
89
+ .mat-mdc-cell {
90
+ min-height: 52px;
91
+ border-bottom-width: 0px;
87
92
  }
88
93
 
89
94
  &[tabindex]:focus-visible {
@@ -141,7 +146,6 @@
141
146
  .mat-mdc-header-cell:first-child {
142
147
  align-items: stretch !important;
143
148
  flex: unset;
144
- padding-left: 4px;
145
149
 
146
150
  .qms-row-checkbox {
147
151
  padding: 0 19px;
@@ -151,8 +155,6 @@
151
155
  }
152
156
 
153
157
  .qms-table-row {
154
- padding-left: 4px;
155
-
156
158
  .qms-row-checkbox-container:first-child {
157
159
  align-items: stretch !important;
158
160
  flex: unset;
@@ -168,7 +170,7 @@
168
170
 
169
171
  &.qms-expand-table {
170
172
  .mat-mdc-header-cell {
171
- padding-left: 0;
173
+ padding: 0 16px 0 16px;
172
174
 
173
175
  .expand-icon-header {
174
176
  margin-left: 15px;
@@ -176,12 +178,14 @@
176
178
  }
177
179
 
178
180
  .qms-table-row {
179
- padding-left: 3px;
181
+ mat-cell.mat-mdc-cell {
182
+ border-bottom-width: 0;
183
+ }
180
184
 
181
185
  .expand-icon {
182
186
  user-select: none;
183
187
  transition: transform 0.2s;
184
- margin: 0 10px;
188
+ margin-right: 10px;
185
189
  }
186
190
 
187
191
  &.qms-row-expanded {