@vitrosoftware/common-ui-ts 1.1.114 → 1.1.116

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 (42) hide show
  1. package/css/std/controls/button/button.css +2 -1
  2. package/css/std/controls/button-cancel/button-cancel.css +2 -1
  3. package/css/std/controls/command-menu/command-menu-button.css +4 -1
  4. package/css/std/controls/command-menu/command-menu-dropdown-button.css +23 -12
  5. package/css/std/controls/date-picker/date-picker.css +10 -2
  6. package/css/std/controls/pdf-viewer/pdf-viewer-index.css +1 -0
  7. package/css/std/controls/pdf-viewer/pdf-viewer.css +1 -0
  8. package/css/std/controls/tab-group/tab-group.css +18 -0
  9. package/css/std/controls/table-view/table-view.css +13 -0
  10. package/css/std/controls/table-view/treegrid-cell.css +70 -0
  11. package/css/std/controls/table-view/treegrid-cfg-menu.css +208 -0
  12. package/css/std/controls/table-view/treegrid-context-menu.css +164 -0
  13. package/css/std/controls/table-view/treegrid-filter.css +265 -0
  14. package/css/std/controls/table-view/treegrid-gantt.css +66 -0
  15. package/css/std/controls/table-view/treegrid-group.css +59 -0
  16. package/css/std/controls/table-view/treegrid-header.css +30 -0
  17. package/css/std/controls/table-view/treegrid-message.css +41 -0
  18. package/css/std/controls/table-view/treegrid-progress.css +47 -0
  19. package/css/std/controls/table-view/treegrid-scroll.css +55 -0
  20. package/css/std/controls/table-view/treegrid-sort.css +25 -0
  21. package/css/std/controls/table-view/treegrid-tab.css +45 -0
  22. package/css/std/controls/table-view/treegrid-tip.css +23 -0
  23. package/css/std/controls/table-view/treegrid.css +0 -989
  24. package/css/std/controls/uploader/img/error.svg +6 -0
  25. package/css/std/controls/uploader/img/warning.svg +10 -0
  26. package/css/std/controls/uploader/uploader.css +75 -35
  27. package/dist/index.css +146 -53
  28. package/dist/index.js +130 -48
  29. package/dist/index.js.map +1 -1
  30. package/dist/src/constants/KeyCode.d.ts +1 -0
  31. package/dist/src/controls/ActionHandler/ConfirmDialog.d.ts +2 -1
  32. package/dist/src/controls/ButtonGroup/ButtonGroup.d.ts +1 -1
  33. package/dist/src/controls/CommandMenu/CommandMenuItemHeader.d.ts +1 -0
  34. package/dist/src/controls/Dialog/Dialog.d.ts +2 -1
  35. package/dist/src/controls/Dialog/DialogFooter.d.ts +2 -1
  36. package/dist/src/controls/TableView/TableViewConstants.d.ts +5 -1
  37. package/dist/src/controls/TableView/TableViewContext.d.ts +5 -1
  38. package/dist/src/controls/TableView/TreeGridTableViewContextImpl.d.ts +5 -1
  39. package/dist/src/controls/TelerikUploader/TelerikUploaderConstants.d.ts +1 -0
  40. package/package.json +1 -1
  41. package/src/controls/BimViewer/js/bim-viewer.js +2 -2
  42. package/src/controls/PdfViewer/js/pdf-viewer.js +2 -2
@@ -17,117 +17,6 @@
17
17
  z-index: 1000;
18
18
  }
19
19
 
20
- .TWCustScroll3X .TWHScrollSpace {
21
- width: 12px;
22
- height: 12px;
23
- }
24
-
25
- .TWVScroll {
26
- width: 10px !important;
27
- border: 1px solid #F7F9FC;
28
- box-sizing: border-box;
29
- }
30
-
31
- .TWHScroll {
32
- height: 10px !important;
33
- box-sizing: border-box;
34
- }
35
-
36
- .TWHScrollLeft, .TWHScrollMid, .TWHScrollRight {
37
- border: none;
38
- background: #fff
39
- }
40
-
41
- .TWCustScroll3Right, .TWCustScroll2Right, .TWCustScroll3RightHidden, .TWCustScroll2RightHidden {
42
- height: 10px;
43
- background: #fff;
44
- }
45
-
46
- .TWCustScroll3Left, .TWCustScroll2Left, .TWCustScroll3LeftHover, .TWCustScroll2LeftHover {
47
- padding: 3px 5px;
48
- }
49
-
50
- .TWCustScroll3Down, .TWCustScroll2Down, .TWCustScroll3DownHidden, .TWCustScroll2DownHidden {
51
- width: 10px;
52
- background: #fff
53
- }
54
-
55
- .TWCustScroll3Up, .TWCustScroll2Up, .TWCustScroll3UpHover, .TWCustScroll2UpHover {
56
- padding: 5px 3px;
57
- background: #fff
58
- }
59
-
60
- .TWCustScroll3SliderRight, .TWCustScroll2SliderRight, .TWCustScroll3SliderLeft, .TWCustScroll2SliderLeft,
61
- .TWCustScroll3SliderRightHover, .TWCustScroll2SliderRightHover, .TWCustScroll3SliderLeftHover, .TWCustScroll2SliderLeftHover {
62
- background: #E4E6EC;
63
- height: 4px;
64
- margin: 0;
65
- border-radius: 4px;
66
- }
67
-
68
- .TWCustScroll3SliderDown, .TWCustScroll2SliderDown, .TWCustScroll3SliderUp, .TWCustScroll2SliderUp,
69
- .TWCustScroll3SliderDownHover, .TWCustScroll2SliderDownHover, .TWCustScroll3SliderUpHover, .TWCustScroll2SliderUpHover {
70
- background: #E4E6EC;
71
- width: 4px;
72
- margin: 0;
73
- border-radius: 4px;
74
- }
75
-
76
- .TWCellHeader {
77
- font-family: "InterMedium" !important;
78
- background: #F7F9FC;
79
- padding: 4px 8px !important;
80
- }
81
-
82
- .TWHeaderButton {
83
- padding: 0 !important;
84
- }
85
-
86
- .TWHeaderFont {
87
- font-weight: unset;
88
- }
89
-
90
- .TWHeaderText {
91
- color: #4A556C !important;
92
- }
93
-
94
- .TWInt, .TWFloat, .TWDate {
95
- text-align: unset;
96
- }
97
-
98
- .TWDataRow td {
99
- border-bottom: 1px solid #E4E6EC !important;
100
- }
101
-
102
- .TWCellFilter, .TWCellFilterPanel, .TWGanttFilter {
103
- background-color: #F7F9FC;
104
- border-top: 1px solid #E4E6EC !important;
105
- }
106
-
107
- .TWFilter0Left, .TWFilter0Right, .TWFilter0Menu {
108
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/cancel-grey.svg');
109
- }
110
-
111
- .TWCellBase.TWCellPanel,
112
- .TWCellBase.TWCellPanel {
113
- padding: 0 8px;
114
- }
115
-
116
- .TWHeaderButton {
117
- padding: 0 !important;
118
- }
119
-
120
- .TWLow .TWIconLeft {
121
- padding-left: 39px !important;
122
- background-position: 7px;
123
- background-size: 24px;
124
- }
125
-
126
- .TWLow .TWIconRight {
127
- background-position: center;
128
- background-size: 24px;
129
- }
130
-
131
20
  .TWFillRow {
132
21
  border: none !important;
133
22
  border-bottom: none !important;
@@ -139,114 +28,6 @@
139
28
  opacity: 0.047;
140
29
  }
141
30
 
142
- .TWClassHoveredCell,
143
- .TWClassHoveredCellReadOnly {
144
- background-color: #F3F8FF;
145
- }
146
-
147
- .TWClassSelected td {
148
- background-color: #DCEEFF !important;
149
- }
150
-
151
- .TWCellMenuMain,
152
- .TWFilterMenuMain {
153
- width: 241px !important;
154
- border: none;
155
- border-radius: 4px;
156
- box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
157
- }
158
-
159
- .TWCellMenuMain {
160
- margin-top: 24px !important;
161
- margin-left: -27px;
162
- }
163
-
164
- .TWFilterMenuMain {
165
- margin-top: 8px !important;
166
- margin-left: -16px;
167
- }
168
-
169
- .TWCellMenuMain::before,
170
- .TWFilterMenuMain::before {
171
- content: '';
172
- display: block;
173
- height: 21px;
174
- width: 32px;
175
- overflow: hidden;
176
- background-position: center 0;
177
- background-size: 44px 42px;
178
- background-repeat: no-repeat;
179
- position: absolute;
180
- top: -21px;
181
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/dropdown-menu-arrow.svg');
182
- }
183
-
184
- .TWCellMenuMain::before {
185
- left: 12px;
186
- }
187
-
188
- .TWFilterMenuMain::before {
189
- left: 16px;
190
- }
191
-
192
- .TWCellMenuMain .TWMenuOuter,
193
- .TWFilterMenuMain .TWMenuOuter {
194
- padding: 0;
195
- margin: 0;
196
- border-radius: 4px !important;
197
- border: none !important;
198
- width: 241px !important;
199
- }
200
-
201
- .TWCellMenuMain .TWMenuBody,
202
- .TWFilterMenuMain .TWMenuBody {
203
- margin: 0 !important;
204
- width: 100%;
205
- }
206
-
207
- .TWCellMenuMain .TWMenuBody,
208
- .TWFilterMenuMain .TWMenuBody {
209
- cursor: default;
210
- margin: 0px 1px 0px 1px;
211
- }
212
-
213
- .TWCellMenuMain .TWMenuFocus,
214
- .TWCellMenuMain .TWMenuHover,
215
- .TWFilterMenuMain .TWMenuHover,
216
- .TWFilterMenuMain .TWMenuHover {
217
- background: #F3F8FF !important;
218
- }
219
-
220
- .TWCellMenuMain .TWMenuItem,
221
- .TWFilterMenuMain .TWMenuItem {
222
- margin: 0 !important;
223
- padding: 8px 0 !important;
224
- }
225
-
226
- .TWCellMenuMain .TWMenuItemText,
227
- .TWFilterMenuMain .TWMenuItemText {
228
- line-height: 150%;
229
- padding-left: 12px;
230
- white-space: normal;
231
- }
232
-
233
- .TWCellMenuMain div.TWMenuItemText,
234
- .TWFilterMenuMain div.TWMenuItemText {
235
- margin-left: 32px;
236
- }
237
-
238
- .TWCellMenuMain .TWMenuItemIcon,
239
- .TWFilterMenuMain .TWMenuItemIcon {
240
- height: 20px;
241
- width: 32px;
242
- background-size: 20px;
243
- background-position-x: 12px;
244
- }
245
-
246
- .TWCell {
247
- padding: 0 8px !important;
248
- }
249
-
250
31
  .TWCheck0Left,
251
32
  .TWMenuUncheckedIconLeft, .TWMenuUncheckedIconRight,
252
33
  .TWBool0, .TWBool0RO {
@@ -271,32 +52,6 @@
271
52
  width: 24px !important;
272
53
  }
273
54
 
274
- .TWSort1Left, .TWSort1Right,
275
- .TWSort2Left, .TWSort2Right,
276
- .TWSort3Left, .TWSort3Right {
277
- background-repeat: no-repeat !important;
278
- height: 24px !important;
279
- width: 24px !important;
280
- background-size: 100% !important;
281
- background-position: center !important;
282
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/sort-top.svg');
283
- }
284
-
285
- .TWSort4Left, .TWSort4Right,
286
- .TWSort5Left, .TWSort5Right,
287
- .TWSort6Left, .TWSort6Right {
288
- background-repeat: no-repeat !important;
289
- height: 24px !important;
290
- width: 24px !important;
291
- background-size: 100% !important;
292
- background-position: center !important;
293
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/sort-bottom.svg');
294
- }
295
-
296
- .TWSort0Left, .TWSort0Right {
297
- background-image: none !important;
298
- }
299
-
300
55
  .TWP0200, .TWPx200, .TWP02x0, .TWP020x, .TWPx2x0, .TWPx20x, .TWP02xx, .TWPx2xx, .TWPanelSelectOn {
301
56
  background-size: 24px;
302
57
  background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/checkbox-active.svg');
@@ -340,190 +95,10 @@
340
95
  background: #4292F7;
341
96
  }
342
97
 
343
- .GWGanttBaseOut {
344
- background: none !important;
345
- }
346
-
347
- .GWGanttHtmlIn > div {
348
- width: 100%;
349
- height: 100%;
350
- border-radius: 6px;
351
- }
352
-
353
- .TWClassReadOnly {
354
- color: #8E98A3 !important;
355
- }
356
-
357
- .GWGanttHtmlLeft0.GWGanttHtml > span,
358
- .GWGanttHtmlRight0 .GWGanttHtml > span {
359
- font-size: 12px;
360
- width: fit-content;
361
- height: fit-content;
362
- }
363
-
364
- .GWGanttHtml {
365
- overflow: visible !important;
366
- padding: 0 !important;
367
- }
368
-
369
- .GWGantt.TWCell > div {
370
- overflow: visible !important;
371
- }
372
-
373
- .TWGanttHeader {
374
- padding: 0 !important;
375
- }
376
-
377
- .TWGanttHeader1,
378
- .TWGanttHeader2,
379
- .TWGanttHeader3 {
380
- border-left: 1px solid #E4E6EC !important;
381
- }
382
-
383
- .TWGanttHeader1 {
384
- border-bottom: 1px solid #E4E6EC !important;
385
- }
386
-
387
- .TWGanttHeader3 {
388
- border-top: 1px solid #E4E6EC !important;
389
- }
390
-
391
- .TWHeadRight {
392
- border-left: 1px solid #E4E6EC !important;
393
- }
394
-
395
- .TWGanttHeaderBase {
396
- background: #F7F9FC;
397
- }
398
-
399
- .GWGanttHtmlOut + div {
400
- overflow: visible !important;
401
- margin-left: 100% !important;
402
- margin-top: -16px !important;
403
- }
404
-
405
- .GWGanttHtmlOut + div > div {
406
- font-size: 12px;
407
- }
408
-
409
98
  .vitro-table-full-width {
410
99
  width: 100%
411
100
  }
412
101
 
413
- .GWGanttMark {
414
- background: #fffc85 !important;
415
- opacity: 0.4 !important;
416
- }
417
-
418
- .TWPageMessage, .GridMessage {
419
- border: none !important;
420
- box-shadow: none !important;
421
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/preloader.svg');
422
- background-repeat: no-repeat;
423
- background-position: center top;
424
- padding: 0;
425
- padding-top: 64px !important;
426
- min-width: 110px;
427
- font-family: 'InterRegular';
428
- }
429
-
430
- .TWMessage {
431
- font-family: inherit;
432
- border-radius: 8px;
433
- border: 1px solid #e0e0e0;
434
- font-size: inherit;
435
- padding: 16px;
436
- min-width: 240px;
437
- white-space: normal;
438
- text-align: left;
439
- box-shadow: none;
440
- z-index: 100000;
441
- top: 50% !important;
442
- }
443
-
444
- .TWMessage .vitro-flex {
445
- align-items: center;
446
- font-family: "GraphikRegular";
447
- font-size: 10pt;
448
- }
449
-
450
- .TWMessage .vitro-icon-before {
451
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/question.svg');
452
- background-size: cover;
453
- width: 32px;
454
- height: 32px;
455
- margin-right: 8px;
456
- padding-right: 0;
457
- flex-shrink: 0;
458
- }
459
-
460
- .TWFilter12Left, .TWFilter12Right, .TWFilter12Menu {
461
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-contains.svg');
462
- }
463
-
464
- .TWFilter11Left, .TWFilter11Right, .TWFilter11Menu {
465
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-contains.svg');
466
- }
467
-
468
- .TWFilter10Left, .TWFilter10Right, .TWFilter10Menu {
469
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-edns-in.svg');
470
- }
471
-
472
- .TWFilter9Left, .TWFilter9Right, .TWFilter9Menu {
473
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-ends-in.svg');
474
- }
475
-
476
- .TWFilter8Left, .TWFilter8Right, .TWFilter8Menu {
477
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-start-with.svg');
478
- }
479
-
480
- .TWFilter7Left, .TWFilter7Right, .TWFilter7Menu {
481
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-start-with.svg');
482
- }
483
-
484
- .TWFilter6Left, .TWFilter6Right, .TWFilter6Menu {
485
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-equal-more.svg');
486
- }
487
-
488
- .TWFilter5Left, .TWFilter5Right, .TWFilter5Menu {
489
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-more.svg');
490
- }
491
-
492
- .TWFilter4Left, .TWFilter4Right, .TWFilter4Menu {
493
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-equal-lower.svg');
494
- }
495
-
496
- .TWFilter3Left, .TWFilter3Right, .TWFilter3Menu {
497
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-lower.svg');
498
- }
499
-
500
- .TWFilter2Left, .TWFilter2Right, .TWFilter2Menu {
501
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-equal.svg');
502
- }
503
-
504
- .TWFilter1Left, .TWFilter1Right, .TWFilter1Menu {
505
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-equal.svg');
506
- }
507
-
508
- .TWMenuItem .TWFilter0Menu,
509
- .TWMenuItem .TWFilter1Menu,
510
- .TWMenuItem .TWFilter2Menu,
511
- .TWMenuItem .TWFilter3Menu,
512
- .TWMenuItem .TWFilter4Menu,
513
- .TWMenuItem .TWFilter5Menu,
514
- .TWMenuItem .TWFilter6Menu,
515
- .TWMenuItem .TWFilter7Menu,
516
- .TWMenuItem .TWFilter8Menu,
517
- .TWMenuItem .TWFilter9Menu,
518
- .TWMenuItem .TWFilter10Menu,
519
- .TWMenuItem .TWFilter11Menu,
520
- .TWMenuItem .TWFilter12Menu {
521
- width: 20px;
522
- height: 20px;
523
- background-repeat: no-repeat;
524
- background-position: center;
525
- }
526
-
527
102
  .TWNoDataRow {
528
103
  padding: 2px 0 !important;
529
104
  background: #fff;
@@ -535,76 +110,6 @@
535
110
  text-align: center;
536
111
  }
537
112
 
538
- .TWFilter0Value u.TWFilter1, .TWFilter0Value u.TWFilter0,
539
- .TWCellHeaderPanel .TWPanelDelete {
540
- display: none;
541
- }
542
-
543
- .TWHintHeaderOuter > div,
544
- .TWHintDataOuter > div {
545
- overflow: visible !important;
546
- }
547
-
548
- .TWProgressOuter {
549
- background-color: #fff;
550
- width: 220px !important;
551
- }
552
-
553
- .TWProgressInner {
554
- height: 26px !important;
555
- width: 100% !important;
556
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/preloader.svg');
557
- background-repeat: no-repeat;
558
- background-position: center;
559
- }
560
-
561
- .TWProgressMain {
562
- text-align: center;
563
- }
564
-
565
- .TWProgressButtons {
566
- margin: 0;
567
- display: flex;
568
- flex-direction: row-reverse;
569
- }
570
-
571
- .TWProgressButtons > button {
572
- min-width: 80px;
573
- font-size: 9pt;
574
- height: 26px;
575
- line-height: 26px;
576
- margin: 4px;
577
- padding: 0 8px !important;
578
- }
579
-
580
- .TWMenuItem.TWCfgMenuItem#TGMenu-0-style {
581
- display: none;
582
- }
583
-
584
- .TWEditInput {
585
- background: #DCEEFF;
586
- }
587
-
588
- .TWCellBase.vitro-table-view-deleted {
589
- color: #BDBDBD;
590
- }
591
-
592
- .TWCell .vitro-flex > .vitro-image {
593
- margin-right: 4px !important;
594
- line-height: 24px;
595
- width: 24px;
596
- height: 24px;
597
- }
598
-
599
- .TWCell .vitro-flex > .vitro-avatar {
600
- width: 28px;
601
- height: 28px;
602
- min-width: 28px;
603
- line-height: 28px;
604
- font-size: 14px;
605
- margin-right: 4px;
606
- }
607
-
608
113
  .TWRowAbove {
609
114
  margin: 0;
610
115
  padding: 0 24px;
@@ -616,68 +121,6 @@
616
121
  border-collapse: separate !important;
617
122
  }
618
123
 
619
- .TWTabHtmlBase {
620
- border-radius: 4px 4px 0px 0px;
621
- padding: 8px 16px !important;
622
- font-size: 12px;
623
- line-height: 16px;
624
- border-top: 1px solid #E4E6EC;
625
- border-right: 1px solid #E4E6EC;
626
- border-left: 1px solid #E4E6EC;
627
- font-weight: unset !important;
628
- }
629
-
630
- .TWTabHtmlBase:hover,
631
- .TWTabHtmlBase:active,
632
- .TWTabHtml1:hover,
633
- .TWTabHtml1:active {
634
- background-color: #F7F9FC !important;
635
- }
636
-
637
- .TWTabHtml1 {
638
- background: #F7F9FC !important;
639
- font-family: 'InterMedium';
640
- position: relative;
641
- }
642
-
643
- .TWTabHtml1::after {
644
- content: '';
645
- position: absolute;
646
- width: 100%;
647
- display: block;
648
- height: 1px;
649
- background: #F7F9FC;
650
- top: 100%;
651
- left: 0;
652
- }
653
-
654
- .TWTabHtml1::before {
655
- content: '';
656
- display: inline-block;
657
- height: 16px;
658
- margin-right: 4px;
659
- width: 16px;
660
- margin-left: -6px;
661
- vertical-align: sub;
662
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/check.svg');
663
- }
664
-
665
- .TWHeaderGroup {
666
- padding: 0 4px;
667
- background: #fff;
668
- }
669
-
670
- .TWHeaderGroup > div {
671
- font-family: 'InterMedium';
672
- font-size: 12px;
673
- line-height: 16px;
674
- background: #DCEEFF;
675
- border-radius: 4px;
676
- height: 100%;
677
- width: fit-content !important;
678
- padding: 4px 8px;
679
- }
680
-
681
124
  .TWSpaceWidthInner {
682
125
  height: 100%;
683
126
  }
@@ -686,150 +129,10 @@
686
129
  height: 100%;
687
130
  }
688
131
 
689
- .TWGroupRow {
690
- border-right: none !important;
691
- border-left: none !important;
692
- border-top: none !important;
693
- border-bottom: 1px solid #E4E6EC;
694
- padding: 2px 12px 2px 24px;
695
- }
696
-
697
- .TWGroupRow .TWCollapseLeft {
698
- background-size: 24px;
699
- padding: 0 28px !important;
700
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/group-collapse-bottom.svg') !important;
701
- }
702
-
703
- .TWGroupRow .TWExpandLeft {
704
- background-size: 24px;
705
- padding: 0 28px !important;
706
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/group-collapse-right.svg') !important;
707
- }
708
-
709
132
  .TWDropCols {
710
133
  padding: 0px !important;
711
134
  }
712
135
 
713
- .group-row {
714
- background-color: #F7F9FC !important;
715
- border-bottom: 1px solid #E4E6EC;
716
- }
717
-
718
- .group-text {
719
- color: #4A556C;
720
- font-family: 'InterMedium';
721
- font-size: 14px;
722
- line-height: 16px;
723
- }
724
-
725
- .vitro-group-active > div {
726
- border-radius: 4px;
727
- border: 1px dashed #8E98A3;
728
- background: #F3F8FF;
729
- color: #F3F8FF !important;
730
- height: 80%;
731
- }
732
-
733
- .TWHeaderGroupCustom {
734
- padding: 0;
735
- }
736
-
737
- .TWCfgMenuItem {
738
- margin: 0;
739
- background: #fff !important;
740
- padding: 0 16px !important;
741
- }
742
-
743
- .TWCfgMenuItem .TWCfgMenuItemText {
744
- padding: 4px 0;
745
- }
746
-
747
- .TWCfgMenuItem .TWCfgMenuBoolIconRight {
748
- background-size: 16px;
749
- }
750
-
751
- .TWCfgMenuMain {
752
- max-width: calc(100% - 30px);
753
- left: 50% !important;
754
- top: 50% !important;
755
- transform: translate(-50%, -50%);
756
- border-radius: 4px;
757
- box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15), 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
758
- }
759
-
760
- .TWMenuButton {
761
- border-radius: 4px;
762
- background: #347FDE;
763
- padding: 8px 16px !important;
764
- color: #fff !important;
765
- margin: 0 !important;
766
- }
767
-
768
- .TWMenuButton:hover,
769
- .TWMenuButton:active {
770
- background: #3274E0;
771
- border: none;
772
- }
773
-
774
- .TWDialogButtonCancel {
775
- color: #222D44 !important;
776
- background: #fff;
777
- }
778
-
779
- .TWDialogButtonCancel:hover,
780
- .TWDialogButtonCancel:active {
781
- color: #222D44 !important;
782
- background: #F3F8FF;
783
- }
784
-
785
- .TWCfgMenuCaption {
786
- font-weight: normal;
787
- line-height: 150%;
788
- padding: 4px;
789
- }
790
-
791
- .TWCfgMenuHead {
792
- background: #fff;
793
- border-bottom: 1px solid #E4E6EC;
794
- padding: 20px 16px 20px 16px !important;
795
- }
796
-
797
- .TWCfgMenuHeadText {
798
- font-size: 20px;
799
- line-height: 24px;
800
- text-align: left;
801
- }
802
-
803
- .TWCfgMenuClose {
804
- position: absolute;
805
- height: 60px;
806
- width: 60px !important;
807
- top: -9px;
808
- right: -64px;
809
- background-size: 100%;
810
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/cancel-white.svg');
811
- }
812
-
813
- .TWCfgMenuBody {
814
- margin: 0;
815
- width: 100%;
816
- padding: 8px 0;
817
- }
818
-
819
- .TWCfgMenuFoot {
820
- border-top: 1px solid #E4E6EC;
821
- padding: 16px 16px !important;
822
- display: flex;
823
- grid-gap: 12px;
824
- justify-content: flex-start;
825
- flex-direction: row-reverse;
826
- }
827
-
828
- .TWCfgMenuOuterBottom {
829
- padding: 0 !important;
830
- border-radius: 4px;
831
- }
832
-
833
136
  .GridDisabled {
834
137
  background: #222D44;
835
138
  opacity: 0.2;
@@ -839,298 +142,6 @@
839
142
  background-image: none;
840
143
  }
841
144
 
842
- .TWClassHoveredCellHeader,
843
- .TWCellFilter.TWClassHoveredCell {
844
- background-color: #DCEEFF;
845
- }
846
-
847
- .TWClassHoveredCell,
848
- .TWClassHoveredCellReadOnly,
849
- .TWClassHoveredCellPanel {
850
- background-color: #F3F8FF;
851
- }
852
-
853
- .TWCell.TWRightHtml {
854
- padding: 0px !important;
855
- cursor: default;
856
- }
857
-
858
- .TWFilterMenuHeader {
859
- padding: 0 !important;
860
- margin: 0 0 0 8px !important;
861
- box-shadow: none;
862
- background: transparent;
863
- }
864
-
865
- .TWFilterAllMenu {
866
- background-position: center !important;
867
- width: 16px !important;
868
- height: 16px !important;
869
- background-color: #fff;
870
- border-radius: 2px;
871
- margin-top: 1px;
872
- }
873
-
874
- .TWCellFilter {
875
- padding: 0 0 0 32px !important;
876
- background-position: 8px center !important;
877
- font-size: 12px;
878
- }
879
-
880
- .TWEditFilterInput {
881
- background-color: #DCEEFF;
882
- font-size: 12px;
883
- }
884
-
885
- .TWCellFilter.TWHiddenValue.TWFilter0Value,
886
- .TWCellFilter.TWFilter1Value,
887
- .TWCellFilter.TWFilter2Value,
888
- .TWCellFilter.TWFilter3Value,
889
- .TWCellFilter.TWFilter4Value,
890
- .TWCellFilter.TWFilter5Value,
891
- .TWCellFilter.TWFilter6Value,
892
- .TWCellFilter.TWFilter7Value,
893
- .TWCellFilter.TWFilter8Value,
894
- .TWCellFilter.TWFilter9Value,
895
- .TWCellFilter.TWFilter10Value,
896
- .TWCellFilter.TWFilter11Value,
897
- .TWCellFilter.TWFilter12Value,
898
- .TWCellFilter.TWOverflowDisable,
899
- .TWCellFilter.TWHiddenValue.TWSideRight {
900
- background-color: #DCEEFF;
901
- }
902
-
903
- .TWIconRight.TWCellFilter {
904
- background-position: center !important;
905
- }
906
-
907
- .TWIconRight.TWCellFilter {
908
- background-color: #DCEEFF;
909
- }
910
-
911
- .TWFilter0Value + .TWIconRight {
912
- background-color: #F7F9FC;
913
- }
914
-
915
- .TWFilterAllMenu.TWFilter0Menu,
916
- .TWHiddenValue.TWFilter0Value {
917
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-cancel-white.svg');
918
- }
919
-
920
- .TWFilterAllMenu.TWFilter1Menu, .TWFilterLeft.TWFilter1Value {
921
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-equal-white.svg');
922
- }
923
-
924
- .TWFilterAllMenu.TWFilter2Menu, .TWFilterLeft.TWFilter2Value {
925
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-equal-white.svg');
926
- }
927
-
928
- .TWFilterAllMenu.TWFilter3Menu, .TWFilterLeft.TWFilter3Value {
929
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-lower-white.svg');
930
- }
931
-
932
- .TWFilterAllMenu.TWFilter4Menu, .TWFilterLeft.TWFilter4Value {
933
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-equal-lower-white.svg');
934
- }
935
-
936
- .TWFilterAllMenu.TWFilter5Menu, .TWFilterLeft.TWFilter5Value {
937
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-more-white.svg');
938
- }
939
-
940
- .TWFilterAllMenu.TWFilter6Menu, .TWFilterLeft.TWFilter6Value {
941
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-math-equal-more-white.svg');
942
- }
943
-
944
- .TWFilterAllMenu.TWFilter7Menu, .TWFilterLeft.TWFilter7Value {
945
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-start-with-white.svg');
946
- }
947
-
948
- .TWFilterAllMenu.TWFilter8Menu, .TWFilterLeft.TWFilter8Value {
949
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-start-with-white.svg');
950
- }
951
-
952
- .TWFilterAllMenu.TWFilter9Menu, .TWFilterLeft.TWFilter9Value {
953
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-ends-in-white.svg');
954
- }
955
-
956
- .TWFilterAllMenu.TWFilter10Menu, .TWFilterLeft.TWFilter10Value {
957
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-edns-in-white.svg');
958
- }
959
-
960
- .TWFilterAllMenu.TWFilter11Menu, .TWFilterLeft.TWFilter11Value {
961
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-contains-white.svg');
962
- }
963
-
964
- .TWFilterAllMenu.TWFilter12Menu, .TWFilterLeft.TWFilter12Value {
965
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/filter/filter-not-contains-white.svg');
966
- }
967
-
968
- .TWHintFilterOuter {
969
- padding: 1px 0 0 0 !important;
970
- }
971
-
972
- .TWHintFilterMain {
973
- margin-left: 8px;
974
- padding: 0;
975
- }
976
-
977
- .TWSideRight.TWCellFilter {
978
- background-position: center !important;
979
- }
980
-
981
- .TWMenuFocus {
982
- background: #fff;
983
- }
984
-
985
- .TWTipOuter {
986
- background-color: #4A556C;
987
- opacity: 1;
988
- border-radius: 4px;
989
- padding: 8px 10px;
990
- box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 6px 0px rgba(0, 0, 0, 0.10);
991
- }
992
-
993
- .TWTipBody > div {
994
- color: #fff !important;
995
- }
996
-
997
- .TWTipMain.TWTipMainTop::after {
998
- content: '';
999
- display: block;
1000
- position: absolute;
1001
- height: 20px;
1002
- width: 42px;
1003
- left: calc(50% - 21px);
1004
- background-repeat: no-repeat;
1005
- background-position: center -2px;
1006
- background-image: url('@vitrosoftware/common-ui-ts/css/std/controls/table-view/img/tooltip-arrow.svg');
1007
- }
1008
-
1009
145
  .TWRowSpace1 {
1010
146
  position: relative;
1011
- }
1012
-
1013
- .TWProgressRow {
1014
- padding: 0;
1015
- height: 2px;
1016
- border: none !important;
1017
- position: absolute;
1018
- z-index: 1;
1019
- }
1020
-
1021
- .TWProgressRow .TWHtml {
1022
- padding: 0;
1023
- }
1024
-
1025
- .TWProgressRow .TWSpaceWidthInner {
1026
- height: 2px;
1027
- }
1028
-
1029
- @media (max-width: 800px) {
1030
- .TWCfgMenuMain {
1031
- width: 100%;
1032
- max-width: 100%;
1033
- height: 100%;
1034
- overflow: hidden;
1035
- margin: 0;
1036
- border: none;
1037
- border-radius: 0;
1038
- }
1039
-
1040
- .TWCfgMenuHeadTouch {
1041
- display: flex;
1042
- align-items: center;
1043
- padding: 24px !important;
1044
- }
1045
-
1046
- .TWCfgMenuHeadTouch .TWMenuHeadTextTouch {
1047
- font-size: 18px;
1048
- line-height: 150%;
1049
- }
1050
-
1051
- .TWCfgMenuFootTouch {
1052
- padding: 24px !important;
1053
- background-color: #F8F9FA;
1054
- }
1055
-
1056
- .TWCfgMenuFootTouch .TWCfgMenuButtonTouch {
1057
- padding: 0 !important;
1058
- height: 40px;
1059
- width: 100%;
1060
- }
1061
-
1062
- .TWCfgMenuFootTouch .TWCfgMenuButtonTouch.TWDialogButtonOk {
1063
- font-family: 'InterMedium';
1064
- }
1065
-
1066
- .TWCfgMenuFootTouch .TWCfgMenuButtonTouch.TWDialogButtonCancel {
1067
- border: 1px solid #E4E6EC;
1068
- }
1069
-
1070
- .TWCfgMenuMain .TWCfgMenuOuter {
1071
- width: 100% !important;
1072
- max-height: 100%;
1073
- display: flex;
1074
- flex-direction: column;
1075
- }
1076
-
1077
- .TWCfgMenuMain .TWCfgMenuBodyTouch {
1078
- overflow-y: auto;
1079
- overflow-x: hidden;
1080
- }
1081
-
1082
- .TWCfgMenuMain .TWCfgMenuBodyTouch::-webkit-scrollbar {
1083
- width: 8px;
1084
- height: 8px;
1085
- }
1086
-
1087
- .TWCfgMenuMain .TWCfgMenuBodyTouch::-webkit-scrollbar-track {
1088
- background: transparent;
1089
- }
1090
-
1091
- .TWCfgMenuMain .TWCfgMenuBodyTouch::-webkit-scrollbar-thumb {
1092
- background: #E4E6EC;
1093
- border-radius: 4px;
1094
- }
1095
-
1096
- .TWCfgMenuMain .TWCfgMenuBodyTouch {
1097
- scrollbar-color: #E4E6EC #fff;
1098
- scrollbar-width: thin;
1099
- }
1100
-
1101
- .TWCfgMenuMain .TWCfgMenuBodyTouch::-webkit-scrollbar-thumb:hover {
1102
- background: #E4E6EC;
1103
- }
1104
-
1105
- .TWCfgMenuMain .TWCfgMenuBody tr {
1106
- display: flex;
1107
- flex-direction: column;
1108
- }
1109
-
1110
- .TWCfgMenuItemTouch tr {
1111
- display: table-row !important;
1112
- }
1113
-
1114
- .TWCfgMenuMain .TWCfgMenuVSeparator {
1115
- display: none;
1116
- }
1117
-
1118
- .TWCfgMenuSeparatorTouch {
1119
- display: none;
1120
- }
1121
-
1122
- .TWCfgMenuBoolIconRightTouch {
1123
- background-size: 20px !important;
1124
- padding-right: 0;
1125
- padding-left: 34px;
1126
- border-bottom: 1px solid rgba(228, 230, 236, 0.5);
1127
- background-position: 8px center;
1128
- }
1129
-
1130
- .TWCfgMenuBoolIconRightTouch .TWMenuItemTextTouch {
1131
- height: 40px;
1132
- display: flex;
1133
- align-items: center;
1134
- padding: 0;
1135
- }
1136
147
  }