qms-angular 1.0.74 → 1.0.75

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.
Files changed (25) hide show
  1. package/bundles/qms-angular.umd.js +119 -164
  2. package/bundles/qms-angular.umd.js.map +1 -1
  3. package/esm2015/lib/components/comment/comment.js +2 -2
  4. package/esm2015/lib/components/qms-navigation-drawer/qms-navigation-drawer.component.js +7 -6
  5. package/esm2015/lib/components/qms-stepper/qms-stepper.component.js +1 -1
  6. package/esm2015/lib/components/select-process-document/select-process-document.component.js +64 -143
  7. package/esm2015/lib/directives/table/table-row.directive.js +9 -1
  8. package/esm2015/lib/directives/table/table.directive.js +6 -2
  9. package/esm2015/lib/qms-ckeditor-components/components/qms-ckeditor-imagemap/qms-ckeditor-imagemap.component.js +1 -1
  10. package/esm2015/public-api.js +2 -1
  11. package/esm2015/qms-angular.js +12 -13
  12. package/fesm2015/qms-angular.js +86 -152
  13. package/fesm2015/qms-angular.js.map +1 -1
  14. package/lib/components/qms-navigation-drawer/qms-navigation-drawer.component.d.ts +1 -1
  15. package/lib/components/select-process-document/select-process-document.component.d.ts +3 -0
  16. package/lib/directives/table/table.directive.d.ts +1 -0
  17. package/package.json +1 -1
  18. package/public-api.d.ts +1 -0
  19. package/qms-angular.d.ts +11 -12
  20. package/qms-angular.metadata.json +1 -1
  21. package/src/lib/components/qms-navigation-drawer/qms-navigation-drawer.component.scss +7 -0
  22. package/src/lib/components/qms-stepper/qms-stepper.component.scss +2 -1
  23. package/src/lib/components/select-process-document/select-process-document.component.scss +2 -2
  24. package/src/lib/qms-ckeditor-components/components/qms-ckeditor-imagemap/qms-ckeditor-imagemap.component.scss +0 -1
  25. package/src/themes/core/_table.scss +28 -9
@@ -17,6 +17,10 @@
17
17
  img {
18
18
  filter: opacity(0.5) drop-shadow(0 0 0 #1954A9);
19
19
  }
20
+
21
+ &:hover{
22
+ background-color: #E5EEFB !important;
23
+ }
20
24
  }
21
25
 
22
26
  .tree-content {
@@ -70,6 +74,9 @@
70
74
  ::ng-deep mat-icon {
71
75
  color: #1954A9;
72
76
  }
77
+ &:hover{
78
+ background-color: #E5EEFB !important;
79
+ }
73
80
  }
74
81
 
75
82
  &.collapse-node {
@@ -8,7 +8,7 @@
8
8
  color: #FFFFFF;
9
9
 
10
10
  &.mat-horizontal-stepper-header {
11
- width: auto;
11
+ min-width: fit-content;
12
12
  }
13
13
 
14
14
  &.mat-vertical-stepper-header {
@@ -32,6 +32,7 @@
32
32
  .title-step {
33
33
  font-weight: 600 !important;
34
34
  outline: none !important;
35
+ -webkit-font-smoothing: antialiased !important;
35
36
  }
36
37
  }
37
38
 
@@ -295,6 +295,6 @@ cdk-virtual-scroll-viewport {
295
295
  width: 100%;
296
296
  }
297
297
  .related-viewport {
298
- min-height: 10.25rem;
298
+ min-height: 300px;
299
299
  }
300
- }
300
+ }
@@ -16,7 +16,6 @@
16
16
  position: relative;
17
17
  max-height: 460px;
18
18
  display: flex;
19
- justify-content: center;
20
19
  align-items: flex-start;
21
20
  }
22
21
 
@@ -4,6 +4,8 @@
4
4
  .qms-table {
5
5
  .mat-checkbox.qms-group-options {
6
6
  .mat-checkbox-inner-container {
7
+ width: 18px;
8
+ height: 18px;
7
9
  margin: 0 !important;
8
10
  }
9
11
 
@@ -26,22 +28,30 @@
26
28
  border: 1px solid #E0E0E0;
27
29
  border-radius: 4px;
28
30
  margin-top: 8px;
29
- min-height: 56px;
31
+ min-height: 40px;
32
+ font-size: 14px;
33
+ font-family: 'Open Sans';
34
+ font-weight: normal;
35
+ color: #323232;
30
36
 
31
37
  mat-cell:first-of-type {
32
38
  padding: 0;
33
39
  }
34
40
 
35
- &:focus {
36
- border: 2px solid $primary;
41
+ &[tabindex]:focus-visible {
42
+ outline: 2px auto $primary;
37
43
  }
38
44
 
39
- &:hover {
40
- background: rgba(0, 0, 0, 0.08)!important;
45
+ &:active, &:hover {
46
+ background: rgba(0, 0, 0, 0.08);
41
47
  }
42
48
 
43
49
  &-selected {
44
50
  background: $tab-focus-background;
51
+
52
+ &:hover {
53
+ background: rgba(40, 115, 223, 0.06);
54
+ }
45
55
  }
46
56
 
47
57
  &-disabled {
@@ -53,6 +63,7 @@
53
63
  opacity: 0.38;
54
64
  }
55
65
  }
66
+
56
67
  &-draft {
57
68
  border: 2px dashed rgba(0, 0, 0, 0.12);
58
69
  }
@@ -102,14 +113,21 @@
102
113
  padding-left: 4px;
103
114
 
104
115
  .expand-icon {
116
+ transition: transform 0.2s;
105
117
  margin: 0 10px;
106
118
  }
107
119
 
108
120
  &.qms-row-expanded {
109
121
  background: #F2F7FD;
110
- border-left: 4px solid $primary-light-32-opacity;
122
+ border-bottom-left-radius: 0;
123
+ border-bottom-right-radius: 0;
124
+
125
+ &:hover {
126
+ background: rgba(40, 115, 223, 0.06);
127
+ }
111
128
 
112
129
  .expand-icon {
130
+ transition: transform 0.2s;
113
131
  transform: rotate(180deg);
114
132
  }
115
133
 
@@ -127,10 +145,9 @@
127
145
 
128
146
  &.qms-group-table {
129
147
  .qms-table-row {
130
- padding-left: 0 !important;
131
- border-left: 4px solid $primary-light-32-opacity;
132
-
133
148
  &.expandable-group {
149
+ padding-left: 0!important;
150
+ border-left: 4px solid $primary-light-32-opacity;
134
151
  border-radius: 4px 4px 0 0;
135
152
  }
136
153
  }
@@ -163,6 +180,8 @@
163
180
  .qms-row-children {
164
181
  margin-top: unset;
165
182
  border-radius: unset;
183
+ padding-left: 0!important;
184
+ border-left: 4px solid $primary-light-32-opacity;
166
185
  }
167
186
  }
168
187