qms-angular 1.1.52 → 1.1.54
Sign up to get free protection for your applications and to get access to all the features.
- package/bundles/qms-angular.umd.js +192 -38
- package/bundles/qms-angular.umd.js.map +1 -1
- package/esm2015/lib/components/banner/qms-banner/qms-banner.component.js +3 -2
- package/esm2015/lib/components/qms-nav-drawer/qms-nav-drawer.component.js +1 -1
- package/esm2015/lib/components/qms-navigation-drawer/qms-navigation-drawer.component.js +5 -1
- package/esm2015/lib/components/qms-paginator/qms-paginator.component.js +3 -3
- package/esm2015/lib/components/select-department/select-department.component.js +2 -2
- package/esm2015/lib/components/select-department-tree/model/select-department-tree.config.js +2 -1
- package/esm2015/lib/components/select-department-tree/select-department-tree.component.js +169 -34
- package/esm2015/lib/components/select-department-tree/select-department-tree.module.js +4 -2
- package/fesm2015/qms-angular.js +180 -38
- package/fesm2015/qms-angular.js.map +1 -1
- package/lib/components/banner/qms-banner/qms-banner.component.d.ts +1 -0
- package/lib/components/select-department-tree/model/select-department-tree.config.d.ts +1 -0
- package/lib/components/select-department-tree/select-department-tree.component.d.ts +2 -0
- package/package.json +1 -1
- package/src/lib/components/qms-paginator/qms-paginator.component.scss +188 -156
- package/src/lib/components/select-department-tree/select-department-tree.component.scss +192 -148
@@ -4,7 +4,7 @@
|
|
4
4
|
@import "../../../themes/qms-icon-font";
|
5
5
|
|
6
6
|
.qms-select-department-tree-container {
|
7
|
-
font-family:
|
7
|
+
font-family: "Open Sans", sans-serif;
|
8
8
|
.mr10 {
|
9
9
|
margin-right: 10px;
|
10
10
|
}
|
@@ -20,11 +20,11 @@
|
|
20
20
|
.w100 {
|
21
21
|
width: 100%;
|
22
22
|
}
|
23
|
-
.h100{
|
23
|
+
.h100 {
|
24
24
|
height: 100%;
|
25
25
|
}
|
26
26
|
|
27
|
-
.fw500{
|
27
|
+
.fw500 {
|
28
28
|
font-weight: 500 !important;
|
29
29
|
}
|
30
30
|
|
@@ -36,11 +36,11 @@
|
|
36
36
|
margin-top: 20px;
|
37
37
|
}
|
38
38
|
|
39
|
-
.d-flex{
|
39
|
+
.d-flex {
|
40
40
|
display: flex;
|
41
41
|
}
|
42
42
|
|
43
|
-
.align-items-center{
|
43
|
+
.align-items-center {
|
44
44
|
align-items: center;
|
45
45
|
}
|
46
46
|
|
@@ -60,10 +60,10 @@
|
|
60
60
|
align-items: center;
|
61
61
|
position: relative;
|
62
62
|
|
63
|
-
::ng-deep .mat-form-field-wrapper{
|
63
|
+
::ng-deep .mat-form-field-wrapper {
|
64
64
|
padding-bottom: 8px !important;
|
65
65
|
}
|
66
|
-
::ng-deep .mat-form-field-underline{
|
66
|
+
::ng-deep .mat-form-field-underline {
|
67
67
|
bottom: 8px !important;
|
68
68
|
}
|
69
69
|
|
@@ -99,25 +99,25 @@
|
|
99
99
|
font-size: 16px;
|
100
100
|
display: flex;
|
101
101
|
align-items: center;
|
102
|
-
.header-view{
|
102
|
+
.header-view {
|
103
103
|
padding: 4px 0;
|
104
104
|
}
|
105
105
|
}
|
106
106
|
|
107
|
-
.sticky-position{
|
107
|
+
.sticky-position {
|
108
108
|
position: sticky;
|
109
109
|
top: 0;
|
110
110
|
left: 0;
|
111
111
|
z-index: 1;
|
112
|
-
background: #
|
112
|
+
background: #ffffff;
|
113
113
|
}
|
114
114
|
|
115
|
-
.header-view-tree{
|
115
|
+
.header-view-tree {
|
116
116
|
display: grid;
|
117
117
|
grid-template-columns: 1fr 200px;
|
118
118
|
column-gap: 2px;
|
119
119
|
padding: 4px 12px 4px 0;
|
120
|
-
.header-view:nth-child(1){
|
120
|
+
.header-view:nth-child(1) {
|
121
121
|
padding-left: 12px;
|
122
122
|
}
|
123
123
|
}
|
@@ -126,25 +126,25 @@
|
|
126
126
|
padding-right: 4px;
|
127
127
|
overflow: hidden;
|
128
128
|
position: relative;
|
129
|
-
transition: height .3s ease-in-out;
|
130
|
-
.tree-view{
|
131
|
-
&.active-mode-external-view{
|
129
|
+
transition: height 0.3s ease-in-out;
|
130
|
+
.tree-view {
|
131
|
+
&.active-mode-external-view {
|
132
132
|
width: 100%;
|
133
133
|
display: grid;
|
134
134
|
grid-template-columns: 1fr 200px;
|
135
135
|
column-gap: 2px;
|
136
|
-
.tree-view-main{
|
137
|
-
|
136
|
+
.tree-view-main {
|
137
|
+
& > .separate {
|
138
138
|
height: 38px;
|
139
|
-
&.h-0{
|
139
|
+
&.h-0 {
|
140
140
|
height: 0;
|
141
141
|
}
|
142
142
|
}
|
143
|
-
&:last-child{
|
143
|
+
&:last-child {
|
144
144
|
height: 100%;
|
145
145
|
padding-left: 4px;
|
146
146
|
position: relative;
|
147
|
-
&::after{
|
147
|
+
&::after {
|
148
148
|
position: absolute;
|
149
149
|
content: "";
|
150
150
|
top: 0;
|
@@ -154,23 +154,23 @@
|
|
154
154
|
background: rgba(0, 0, 0, 0.12);
|
155
155
|
}
|
156
156
|
}
|
157
|
-
.external-list-item-container{
|
158
|
-
.node-external{
|
157
|
+
.external-list-item-container {
|
158
|
+
.node-external {
|
159
159
|
overflow: hidden;
|
160
|
-
transition: all .1s ease-in-out;
|
160
|
+
transition: all 0.1s ease-in-out;
|
161
161
|
.node-external-content {
|
162
|
-
|
163
|
-
|
164
|
-
|
165
|
-
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
|
170
|
-
|
171
|
-
|
172
|
-
}
|
162
|
+
padding: 5px 15px 5px 15px;
|
163
|
+
height: calc(100% - 2px);
|
164
|
+
color: theme-apply($default-color);
|
165
|
+
font-size: 14px;
|
166
|
+
display: flex;
|
167
|
+
align-items: center;
|
168
|
+
span {
|
169
|
+
overflow: hidden;
|
170
|
+
text-overflow: ellipsis;
|
171
|
+
white-space: nowrap;
|
173
172
|
}
|
173
|
+
}
|
174
174
|
}
|
175
175
|
}
|
176
176
|
}
|
@@ -178,7 +178,7 @@
|
|
178
178
|
}
|
179
179
|
}
|
180
180
|
|
181
|
-
.mask-overlay{
|
181
|
+
.mask-overlay {
|
182
182
|
z-index: 1000;
|
183
183
|
background-color: rgba(34, 33, 33, 0.1);
|
184
184
|
position: absolute;
|
@@ -192,82 +192,84 @@
|
|
192
192
|
place-items: center;
|
193
193
|
}
|
194
194
|
//Custom tree
|
195
|
-
.select-department-tree{
|
196
|
-
&
|
195
|
+
.select-department-tree {
|
196
|
+
&
|
197
|
+
> .cdk-virtual-scroll-orientation-vertical
|
198
|
+
.cdk-virtual-scroll-content-wrapper {
|
197
199
|
padding: 0 4px !important;
|
198
200
|
}
|
199
|
-
.qms-tree-node{
|
201
|
+
.qms-tree-node {
|
200
202
|
display: flex;
|
201
203
|
align-items: center;
|
202
204
|
border-radius: 4px;
|
203
|
-
&:hover{
|
204
|
-
background-color: rgba(0,0,0
|
205
|
+
&:hover {
|
206
|
+
background-color: rgba(0, 0, 0, 0.08);
|
205
207
|
}
|
206
|
-
|
208
|
+
& > .node-expand-area {
|
207
209
|
width: 48px;
|
208
210
|
height: 48px;
|
209
211
|
position: relative;
|
210
212
|
}
|
211
|
-
&.active-external-view{
|
212
|
-
.mat-checkbox.qms-group-options{
|
213
|
-
width: calc(100% - 250px)
|
213
|
+
&.active-external-view {
|
214
|
+
.mat-checkbox.qms-group-options {
|
215
|
+
width: calc(100% - 250px);
|
214
216
|
}
|
215
217
|
}
|
216
|
-
&.node-loading{
|
218
|
+
&.node-loading {
|
217
219
|
background: theme-apply($primary-light-6-opacity);
|
218
220
|
}
|
219
|
-
|
221
|
+
& > .external-view-node {
|
220
222
|
flex-basis: 200px;
|
221
223
|
overflow: hidden;
|
222
|
-
.node-external{
|
224
|
+
.node-external {
|
223
225
|
overflow: hidden;
|
224
|
-
transition: all .1s ease-in-out;
|
226
|
+
transition: all 0.1s ease-in-out;
|
225
227
|
display: block;
|
226
228
|
.node-external-content {
|
227
|
-
|
228
|
-
|
229
|
-
|
230
|
-
|
231
|
-
|
232
|
-
|
233
|
-
|
234
|
-
|
235
|
-
|
236
|
-
|
237
|
-
}
|
229
|
+
padding: 5px 15px 5px 15px;
|
230
|
+
height: calc(100% - 2px);
|
231
|
+
color: theme-apply($default-color);
|
232
|
+
font-size: 14px;
|
233
|
+
display: flex;
|
234
|
+
align-items: center;
|
235
|
+
span {
|
236
|
+
overflow: hidden;
|
237
|
+
text-overflow: ellipsis;
|
238
|
+
white-space: nowrap;
|
238
239
|
}
|
240
|
+
}
|
239
241
|
}
|
240
242
|
}
|
241
243
|
&.expand-node {
|
242
|
-
|
243
|
-
|
244
|
-
|
245
|
-
|
244
|
+
color: theme-apply($primary);
|
245
|
+
&:hover {
|
246
|
+
background: theme-apply($primary-light-6-opacity);
|
247
|
+
}
|
246
248
|
|
247
|
-
|
248
|
-
|
249
|
-
|
249
|
+
&:active {
|
250
|
+
background: theme-apply($primary-light-12-opacity);
|
251
|
+
}
|
250
252
|
|
251
|
-
|
252
|
-
|
253
|
-
}
|
253
|
+
.mat-icon {
|
254
|
+
color: theme-apply($primary);
|
254
255
|
}
|
255
|
-
|
256
|
+
}
|
257
|
+
.node-without-checkbox {
|
256
258
|
cursor: pointer;
|
257
259
|
width: 100%;
|
258
260
|
display: flex;
|
259
261
|
justify-content: space-between;
|
260
262
|
align-items: center;
|
261
|
-
.mat-icon{
|
263
|
+
.mat-icon {
|
262
264
|
color: theme-apply($primary);
|
263
265
|
margin-right: 4px;
|
264
266
|
}
|
265
267
|
}
|
266
|
-
&.selected-theme{
|
268
|
+
&.selected-theme {
|
267
269
|
background: theme-apply($primary-light-12-opacity);
|
268
270
|
}
|
269
271
|
|
270
|
-
|
272
|
+
&.mat-tree-node-disabled-all {
|
271
273
|
cursor: default !important;
|
272
274
|
pointer-events: none;
|
273
275
|
user-select: none;
|
@@ -291,6 +293,15 @@
|
|
291
293
|
background-color: transparent;
|
292
294
|
}
|
293
295
|
}
|
296
|
+
|
297
|
+
&.move-location-mode {
|
298
|
+
&:hover,
|
299
|
+
&:active {
|
300
|
+
.move-location-btn {
|
301
|
+
display: block;
|
302
|
+
}
|
303
|
+
}
|
304
|
+
}
|
294
305
|
}
|
295
306
|
}
|
296
307
|
.text-name {
|
@@ -311,7 +322,7 @@
|
|
311
322
|
.ml5 {
|
312
323
|
margin-left: 15px !important;
|
313
324
|
}
|
314
|
-
.pl-10{
|
325
|
+
.pl-10 {
|
315
326
|
padding-left: 10px;
|
316
327
|
}
|
317
328
|
|
@@ -320,8 +331,8 @@
|
|
320
331
|
white-space: normal;
|
321
332
|
}
|
322
333
|
|
323
|
-
.node-text{
|
324
|
-
|
334
|
+
.node-text {
|
335
|
+
& > span {
|
325
336
|
display: block;
|
326
337
|
}
|
327
338
|
}
|
@@ -334,40 +345,40 @@
|
|
334
345
|
}
|
335
346
|
}
|
336
347
|
|
337
|
-
.qms-view-search-result{
|
348
|
+
.qms-view-search-result {
|
338
349
|
width: 100%;
|
339
350
|
overflow: hidden;
|
340
|
-
&__header{
|
351
|
+
&__header {
|
341
352
|
position: relative;
|
342
|
-
&::after{
|
353
|
+
&::after {
|
343
354
|
position: absolute;
|
344
355
|
content: "";
|
345
356
|
bottom: 0;
|
346
357
|
left: 0;
|
347
358
|
width: 100%;
|
348
359
|
height: 1px;
|
349
|
-
background-color: black(.1);
|
360
|
+
background-color: black(0.1);
|
350
361
|
}
|
351
|
-
.header-title{
|
362
|
+
.header-title {
|
352
363
|
padding: 8px 0;
|
353
364
|
display: inline-block;
|
354
|
-
&:nth-child(1){
|
365
|
+
&:nth-child(1) {
|
355
366
|
padding-left: 12px;
|
356
367
|
}
|
357
|
-
&:nth-child(2){
|
358
|
-
|
368
|
+
&:nth-child(2) {
|
369
|
+
flex-basis: 200px;
|
359
370
|
}
|
360
371
|
}
|
361
372
|
}
|
362
|
-
|
373
|
+
& > .no-result {
|
363
374
|
height: 100%;
|
364
375
|
display: flex;
|
365
376
|
justify-content: center;
|
366
377
|
align-items: center;
|
367
378
|
}
|
368
|
-
&__wrapper{
|
379
|
+
&__wrapper {
|
369
380
|
height: calc(100% - 50px);
|
370
|
-
&.active-external{
|
381
|
+
&.active-external {
|
371
382
|
height: calc(100% - 90px) !important;
|
372
383
|
}
|
373
384
|
width: 100%;
|
@@ -376,37 +387,47 @@
|
|
376
387
|
overflow-y: auto;
|
377
388
|
margin-bottom: 4px;
|
378
389
|
padding-right: 4px;
|
379
|
-
&.active-paging{
|
390
|
+
&.active-paging {
|
380
391
|
max-height: calc(100% - 40px);
|
381
392
|
}
|
382
393
|
}
|
383
|
-
.result-item{
|
394
|
+
.result-item {
|
384
395
|
border-radius: 4px;
|
385
396
|
display: grid;
|
386
397
|
grid-template-columns: 45px 1fr;
|
387
398
|
align-items: center;
|
388
399
|
cursor: pointer;
|
389
|
-
transition: background .3s ease;
|
400
|
+
transition: background 0.3s ease;
|
390
401
|
min-height: 40px;
|
391
|
-
&:not(:nth-child(1)){
|
402
|
+
&:not(:nth-child(1)) {
|
392
403
|
margin-top: 4px !important;
|
393
404
|
}
|
394
|
-
&:hover{
|
395
|
-
background: linear-gradient(
|
405
|
+
&:hover {
|
406
|
+
background: linear-gradient(
|
407
|
+
0deg,
|
408
|
+
rgba(1, 99, 178, 0.12),
|
409
|
+
rgba(1, 99, 178, 0.12)
|
410
|
+
),
|
411
|
+
#ffffff;
|
396
412
|
}
|
397
|
-
&.active{
|
398
|
-
background: linear-gradient(
|
413
|
+
&.active {
|
414
|
+
background: linear-gradient(
|
415
|
+
0deg,
|
416
|
+
rgba(1, 99, 178, 0.12),
|
417
|
+
rgba(1, 99, 178, 0.12)
|
418
|
+
),
|
419
|
+
#ffffff;
|
399
420
|
}
|
400
|
-
&__content{
|
421
|
+
&__content {
|
401
422
|
display: flex;
|
402
423
|
align-items: center;
|
403
|
-
.item-result-content-wraper{
|
424
|
+
.item-result-content-wraper {
|
404
425
|
padding: 5px 15px 5px 15px;
|
405
426
|
width: 100%;
|
406
427
|
}
|
407
|
-
.external-name{
|
428
|
+
.external-name {
|
408
429
|
flex-basis: 200px;
|
409
|
-
span{
|
430
|
+
span {
|
410
431
|
width: 200px;
|
411
432
|
display: inline-block;
|
412
433
|
}
|
@@ -414,80 +435,80 @@
|
|
414
435
|
}
|
415
436
|
}
|
416
437
|
}
|
417
|
-
::ng-deep .mat-checkbox.qms-group-options{
|
438
|
+
::ng-deep .mat-checkbox.qms-group-options {
|
418
439
|
display: flex;
|
419
440
|
height: 100%;
|
420
441
|
}
|
421
442
|
}
|
422
443
|
|
423
|
-
::ng-deep .breadcrumb-container{
|
444
|
+
::ng-deep .breadcrumb-container {
|
424
445
|
flex-wrap: wrap;
|
425
446
|
}
|
426
447
|
::ng-deep .mat-button-focus-overlay {
|
427
448
|
background-color: transparent;
|
428
449
|
}
|
429
450
|
|
430
|
-
::ng-deep .qms-breadcrumb-item{
|
451
|
+
::ng-deep .qms-breadcrumb-item {
|
431
452
|
margin: 0;
|
432
453
|
}
|
433
454
|
|
434
|
-
::ng-deep .qms-breadcrumb-item-text{
|
455
|
+
::ng-deep .qms-breadcrumb-item-text {
|
435
456
|
white-space: nowrap;
|
436
|
-
&:not(:last-child){
|
457
|
+
&:not(:last-child) {
|
437
458
|
max-width: 150px !important;
|
438
459
|
}
|
439
460
|
text-overflow: ellipsis;
|
440
461
|
overflow: hidden;
|
441
|
-
transition: color .3s ease;
|
442
|
-
&:not(:last-child):hover{
|
462
|
+
transition: color 0.3s ease;
|
463
|
+
&:not(:last-child):hover {
|
443
464
|
// color : theme-apply($primary)
|
444
465
|
}
|
445
466
|
}
|
446
467
|
|
447
|
-
::ng-deep .qms-paginator{
|
448
|
-
.mat-paginator-container .qms-total-result{
|
468
|
+
::ng-deep .qms-paginator {
|
469
|
+
.mat-paginator-container .qms-total-result {
|
449
470
|
margin-bottom: 0;
|
450
471
|
margin-right: 12px;
|
451
472
|
height: 100%;
|
452
473
|
display: flex;
|
453
474
|
align-items: center;
|
454
|
-
span{
|
475
|
+
span {
|
455
476
|
font-weight: 600;
|
456
477
|
color: black(0.8);
|
457
478
|
}
|
458
479
|
}
|
459
|
-
.mat-paginator-container .qms-paginator-range-actions{
|
480
|
+
.mat-paginator-container .qms-paginator-range-actions {
|
460
481
|
margin-bottom: 0;
|
461
482
|
column-gap: 2px;
|
462
|
-
& > .qms-total-result{
|
483
|
+
& > .qms-total-result {
|
463
484
|
margin-bottom: 0;
|
464
485
|
}
|
465
486
|
}
|
466
|
-
.mat-form-field-wrapper{
|
487
|
+
.mat-form-field-wrapper {
|
467
488
|
padding-bottom: 0;
|
468
489
|
}
|
469
|
-
.qms-paginator-page-size{
|
490
|
+
.qms-paginator-page-size {
|
470
491
|
align-items: center;
|
471
492
|
}
|
472
493
|
}
|
473
494
|
|
474
|
-
.text-gray{
|
495
|
+
.text-gray {
|
475
496
|
color: #242424;
|
476
497
|
}
|
477
498
|
|
478
|
-
.mb0{
|
499
|
+
.mb0 {
|
479
500
|
margin-bottom: 0 !important;
|
480
501
|
}
|
481
502
|
|
482
|
-
.fs-base{
|
503
|
+
.fs-base {
|
483
504
|
font-size: 14px !important;
|
484
505
|
}
|
485
506
|
|
486
|
-
.user-select-none{
|
507
|
+
.user-select-none {
|
487
508
|
user-select: none;
|
488
509
|
}
|
489
510
|
|
490
|
-
.item-breadcrumb-disable{
|
511
|
+
.item-breadcrumb-disable {
|
491
512
|
cursor: not-allowed;
|
492
513
|
color: rgba(0, 0, 0, 0.6);
|
493
514
|
font-weight: 400;
|
@@ -495,42 +516,49 @@
|
|
495
516
|
max-width: 250px;
|
496
517
|
}
|
497
518
|
|
498
|
-
::ng-deep .mat-checkbox.checkbox-all .mat-checkbox-label{
|
519
|
+
::ng-deep .mat-checkbox.checkbox-all .mat-checkbox-label {
|
499
520
|
flex-direction: row;
|
500
521
|
align-items: center;
|
501
522
|
column-gap: 4px;
|
502
523
|
}
|
503
|
-
::ng-deep .btn-arrow{
|
524
|
+
::ng-deep .btn-arrow {
|
504
525
|
width: 40px;
|
505
526
|
height: 40px;
|
506
527
|
line-height: 40px;
|
507
528
|
}
|
508
529
|
|
509
|
-
.qms-loading-container{
|
530
|
+
.qms-loading-container {
|
510
531
|
overflow: hidden;
|
511
532
|
display: grid;
|
512
533
|
grid-template-rows: repeat(60px);
|
513
|
-
.qms-loader{
|
534
|
+
.qms-loader {
|
514
535
|
position: relative;
|
515
536
|
width: 100%;
|
516
537
|
height: 100%;
|
517
538
|
padding: 10px 0;
|
518
539
|
overflow: hidden;
|
519
540
|
&::after {
|
520
|
-
|
521
|
-
|
522
|
-
|
523
|
-
|
524
|
-
|
525
|
-
|
526
|
-
|
527
|
-
|
528
|
-
|
529
|
-
|
541
|
+
content: "";
|
542
|
+
position: absolute;
|
543
|
+
width: 100%;
|
544
|
+
height: 100%;
|
545
|
+
top: 0;
|
546
|
+
left: 0;
|
547
|
+
background: linear-gradient(
|
548
|
+
110deg,
|
549
|
+
rgba(233, 233, 233, 0) 0%,
|
550
|
+
rgba(227, 227, 227, 0) 40%,
|
551
|
+
rgba(227, 227, 227, 0.5) 50%,
|
552
|
+
rgba(227, 227, 227, 0) 60%,
|
553
|
+
rgba(227, 227, 227, 0) 100%
|
554
|
+
);
|
555
|
+
animation: animate-loading 1.2s linear infinite;
|
556
|
+
}
|
557
|
+
&__wrapper {
|
530
558
|
position: relative;
|
531
559
|
width: 100%;
|
532
560
|
height: 100%;
|
533
|
-
.row-loader{
|
561
|
+
.row-loader {
|
534
562
|
background-color: #eeeeee;
|
535
563
|
position: absolute;
|
536
564
|
left: 0;
|
@@ -565,7 +593,8 @@
|
|
565
593
|
margin: auto;
|
566
594
|
}
|
567
595
|
}
|
568
|
-
::ng-deep .mat-progress-spinner circle,
|
596
|
+
::ng-deep .mat-progress-spinner circle,
|
597
|
+
.mat-spinner circle {
|
569
598
|
stroke: #1b75be !important;
|
570
599
|
}
|
571
600
|
// Responsive
|
@@ -575,57 +604,60 @@
|
|
575
604
|
}
|
576
605
|
|
577
606
|
.qms-tree-node.active-external-view .mat-checkbox.qms-group-options {
|
578
|
-
width: calc(100% - 110px)!important ;
|
607
|
+
width: calc(100% - 110px) !important ;
|
579
608
|
}
|
580
609
|
|
581
610
|
.header-view-tree {
|
582
611
|
grid-template-columns: 1fr 80px !important;
|
583
612
|
}
|
584
613
|
|
585
|
-
::ng-deep .cdk-virtual-scroll-content-wrapper{
|
614
|
+
::ng-deep .cdk-virtual-scroll-content-wrapper {
|
586
615
|
right: 0 !important;
|
587
616
|
}
|
588
|
-
.header-title{
|
617
|
+
.header-title {
|
589
618
|
font-size: 14px !important;
|
590
619
|
}
|
591
|
-
.text-name,
|
620
|
+
.text-name,
|
621
|
+
.node-external,
|
622
|
+
.text-label,
|
623
|
+
.text-label + span {
|
592
624
|
font-size: 12px;
|
593
625
|
}
|
594
|
-
.node-expand-area{
|
626
|
+
.node-expand-area {
|
595
627
|
width: 30px !important;
|
596
628
|
height: 30px !important;
|
597
|
-
.qms-btn-icon{
|
629
|
+
.qms-btn-icon {
|
598
630
|
width: 30px;
|
599
631
|
height: 30px;
|
600
632
|
line-height: 30px;
|
601
633
|
}
|
602
634
|
}
|
603
|
-
.fs-base{
|
635
|
+
.fs-base {
|
604
636
|
font-size: 12px !important;
|
605
637
|
}
|
606
|
-
.qms-select-department-tree-container .breadcrumb-container{
|
638
|
+
.qms-select-department-tree-container .breadcrumb-container {
|
607
639
|
flex-wrap: nowrap !important;
|
608
640
|
}
|
609
|
-
::ng-deep .qms-breadcrumb-item-text{
|
641
|
+
::ng-deep .qms-breadcrumb-item-text {
|
610
642
|
font-size: 12px !important;
|
611
643
|
max-width: 175px !important;
|
612
644
|
}
|
613
645
|
|
614
|
-
::ng-deep .qms-paginator .mat-paginator-container .qms-total-result{
|
646
|
+
::ng-deep .qms-paginator .mat-paginator-container .qms-total-result {
|
615
647
|
display: none !important;
|
616
648
|
}
|
617
649
|
|
618
|
-
::ng-deep .qms-paginator .size-small .mat-paginator-container{
|
650
|
+
::ng-deep .qms-paginator .size-small .mat-paginator-container {
|
619
651
|
justify-content: center !important;
|
620
652
|
}
|
621
653
|
|
622
|
-
.qms-view-search-result__header > .header-title:nth-child(2){
|
654
|
+
.qms-view-search-result__header > .header-title:nth-child(2) {
|
623
655
|
flex-basis: 120px !important;
|
624
656
|
}
|
625
657
|
|
626
|
-
.result-item__content .external-name{
|
658
|
+
.result-item__content .external-name {
|
627
659
|
flex-basis: 75px !important;
|
628
|
-
span{
|
660
|
+
span {
|
629
661
|
width: 75px !important;
|
630
662
|
}
|
631
663
|
}
|
@@ -636,3 +668,15 @@
|
|
636
668
|
}
|
637
669
|
}
|
638
670
|
|
671
|
+
.move-location-btn {
|
672
|
+
display: none;
|
673
|
+
color: theme-apply($primary);
|
674
|
+
}
|
675
|
+
|
676
|
+
::ng-deep .move-location-menu {
|
677
|
+
.mat-menu-item {
|
678
|
+
&:hover {
|
679
|
+
color: theme-apply($primary);
|
680
|
+
}
|
681
|
+
}
|
682
|
+
}
|