imm-element-ui 2.0.0 → 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.
Files changed (106) hide show
  1. package/README.md +24 -24
  2. package/esm2022/lib/crumb-action/crumb-action.component.mjs +3 -3
  3. package/esm2022/lib/form/form/form.component.mjs +3 -3
  4. package/esm2022/lib/form/form-field/context-menu.mjs +35 -35
  5. package/esm2022/lib/form/form-field/field-control.mjs +1 -1
  6. package/esm2022/lib/form/form-field/field-utils.mjs +1 -1
  7. package/esm2022/lib/form/form-field/form-field.mjs +135 -135
  8. package/esm2022/lib/form/form-field/form-type.mjs +85 -85
  9. package/esm2022/lib/form/form-field/index.mjs +1 -1
  10. package/esm2022/lib/form/form-field/label.directive.mjs +1 -1
  11. package/esm2022/lib/form/form-type/autocomplete.type.mjs +151 -151
  12. package/esm2022/lib/form/form-type/codemirror.type.mjs +4 -1
  13. package/esm2022/lib/form/form-type/datepicker.type.mjs +183 -183
  14. package/esm2022/lib/form/form-type/image.type.mjs +219 -219
  15. package/esm2022/lib/form/form-type/index.mjs +1 -1
  16. package/esm2022/lib/form/form-type/inputnumber.type.mjs +91 -91
  17. package/esm2022/lib/form/form-type/inputtext.type.mjs +19 -19
  18. package/esm2022/lib/form/form-type/multiselect.type.mjs +165 -163
  19. package/esm2022/lib/form/form-type/radio.type.mjs +77 -77
  20. package/esm2022/lib/form/form-type/rowselector.type.mjs +25 -25
  21. package/esm2022/lib/form/form-type/select.type.mjs +135 -133
  22. package/esm2022/lib/form/form-type/textarea.type.mjs +25 -25
  23. package/esm2022/lib/form/form-type/treeselect.type.mjs +115 -115
  24. package/esm2022/lib/form/form-type/upload.type.mjs +131 -131
  25. package/esm2022/lib/grid/actions/actions.component.mjs +1 -1
  26. package/esm2022/lib/grid/cell-edit/cell-edit-autoComplete.component.mjs +25 -25
  27. package/esm2022/lib/grid/cell-edit/cell-edit-datePicker.compoent.mjs +139 -139
  28. package/esm2022/lib/grid/cell-edit/cell-edit-inputDate.component.mjs +27 -27
  29. package/esm2022/lib/grid/cell-edit/cell-edit-inputNumber.component.mjs +75 -75
  30. package/esm2022/lib/grid/cell-edit/cell-edit-inputText.compoent.mjs +1 -1
  31. package/esm2022/lib/grid/cell-edit/cell-edit-select.component.mjs +125 -121
  32. package/esm2022/lib/grid/cell-edit/index.mjs +1 -1
  33. package/esm2022/lib/grid/cell-render/async-renderer.mjs +1 -1
  34. package/esm2022/lib/grid/cell-render/chip-render.mjs +21 -21
  35. package/esm2022/lib/grid/cell-render/img-renderer.mjs +25 -25
  36. package/esm2022/lib/grid/cell-render/link-render.mjs +13 -13
  37. package/esm2022/lib/grid/cell-render/row-span.mjs +5 -5
  38. package/esm2022/lib/grid/grid/grid.component.mjs +3 -3
  39. package/esm2022/lib/grid/grid-utils.mjs +1 -1
  40. package/esm2022/lib/grid/mock-data.mjs +1 -1
  41. package/esm2022/lib/grid/pager/pager.component.mjs +3 -3
  42. package/esm2022/lib/head/head.component.mjs +3 -3
  43. package/esm2022/lib/href-btn-list/href-btn-list.component.mjs +1 -1
  44. package/esm2022/lib/import/import.component.mjs +3 -3
  45. package/esm2022/lib/loading/loading.component.mjs +3 -3
  46. package/esm2022/lib/log/log.component.mjs +3 -3
  47. package/esm2022/lib/page-form/page-form.component.mjs +3 -3
  48. package/esm2022/lib/page-form/page-form.interface.mjs +1 -1
  49. package/esm2022/lib/page-grid-list/page-grid-list.component.mjs +3 -3
  50. package/esm2022/lib/row-selector/row-selector.component.mjs +3 -3
  51. package/esm2022/lib/search/mock-data.mjs +1 -1
  52. package/esm2022/lib/search/pop-date/pop-date.component.mjs +3 -3
  53. package/esm2022/lib/search/pop-list/pop-list.component.mjs +3 -3
  54. package/esm2022/lib/search/pop-panel/pop-panel.component.mjs +3 -3
  55. package/esm2022/lib/search/pop-select/pop-select.component.mjs +3 -3
  56. package/esm2022/lib/search/pop-self/pop-self.component.mjs +3 -3
  57. package/esm2022/lib/search/pop-sort/pop-sort.component.mjs +3 -3
  58. package/esm2022/lib/search/pop-tree/pop-tree.component.mjs +3 -3
  59. package/esm2022/lib/search/search/search.component.mjs +3 -3
  60. package/esm2022/lib/search/search-tip/search-tip.component.mjs +3 -3
  61. package/esm2022/lib/search/search-utils.mjs +1 -1
  62. package/esm2022/lib/search/text-panel/text-panel.component.mjs +3 -3
  63. package/esm2022/lib/service/i18n.service.mjs +1 -1
  64. package/esm2022/lib/service/loading.service.mjs +1 -1
  65. package/esm2022/lib/service/themeConfig.service.mjs +1 -1
  66. package/esm2022/lib/share/utils.mjs +11 -1
  67. package/esm2022/lib/steps/steps.component.mjs +1 -1
  68. package/esm2022/lib/theme-config/theme-config-panel.compoent.mjs +39 -39
  69. package/esm2022/lib/theme-config/theme-config.compoent.mjs +29 -29
  70. package/esm2022/public-api.mjs +1 -1
  71. package/fesm2022/imm-element-ui.mjs +3445 -3427
  72. package/fesm2022/imm-element-ui.mjs.map +1 -1
  73. package/lib/crumb-action/crumb-action.component.d.ts +1 -1
  74. package/lib/form/form-type/codemirror.type.d.ts +1 -1
  75. package/lib/form/form-type/multiselect.type.d.ts +1 -0
  76. package/lib/form/form-type/select.type.d.ts +1 -0
  77. package/lib/grid/cell-edit/cell-edit-select.component.d.ts +1 -0
  78. package/lib/grid/grid/grid.component.d.ts +1 -1
  79. package/lib/grid/grid-utils.d.ts +529 -2
  80. package/lib/service/themeConfig.service.d.ts +1 -1
  81. package/lib/share/utils.d.ts +2 -0
  82. package/package.json +1 -1
  83. package/src/lib/crumb-action/crumb-action.component.scss +60 -60
  84. package/src/lib/grid/grid/grid.component.scss +45 -45
  85. package/src/lib/grid/pager/pager.component.scss +3 -3
  86. package/src/lib/head/head.component.scss +3 -3
  87. package/src/lib/href-btn-list/href-btn-list.component.scss +51 -51
  88. package/src/lib/import/import.component.scss +10 -10
  89. package/src/lib/loading/loading.component.scss +31 -31
  90. package/src/lib/log/log.component.scss +26 -26
  91. package/src/lib/page-form/page-form.component.scss +31 -31
  92. package/src/lib/page-grid-list/page-grid-list.component.scss +12 -12
  93. package/src/lib/row-selector/row-selector.component.scss +1 -1
  94. package/src/lib/search/dynamic-search/dynamic-search.component.scss +70 -70
  95. package/src/lib/search/pop-date/pop-date.component.scss +67 -67
  96. package/src/lib/search/pop-list/pop-list.component.scss +23 -23
  97. package/src/lib/search/pop-panel/pop-panel.component.scss +32 -32
  98. package/src/lib/search/pop-select/pop-select.component.scss +39 -39
  99. package/src/lib/search/pop-self/pop-self.component.scss +80 -80
  100. package/src/lib/search/pop-sort/pop-sort.component.scss +49 -49
  101. package/src/lib/search/pop-tree/pop-tree.component.scss +37 -37
  102. package/src/lib/search/search/search.component.scss +70 -70
  103. package/src/lib/search/search-tip/search-tip.component.scss +50 -50
  104. package/src/lib/search/text-panel/text-panel.component.scss +24 -24
  105. package/src/lib/steps/steps.component.scss +97 -97
  106. package/src/lib/styles/styles.scss +232 -232
package/src/lib/search/dynamic-search/dynamic-search.component.scss CHANGED
@@ -1,70 +1,70 @@
1
- @import 'styles';
2
- .s-main {
3
- display: flex;
4
- align-items: stretch;
5
- position: relative;
6
- color: #334155;
7
- margin-bottom: 15px;
8
- }
9
- .s-active {
10
- border: 1px solid var(--p-form-field-focus-border-color);
11
- }
12
- .s-unactive {
13
- border: 1px solid var(--p-form-field-border-color);
14
- }
15
- .s-container {
16
- border-radius: 5px;
17
- padding: 1.25px 0;
18
- width: 100%;
19
- }
20
- .s-search {
21
- color: var(--p-form-field-icon-color);
22
- padding: 0 10px;
23
- }
24
- .s-input-container {
25
- padding: 1.25px 0;
26
- }
27
- .s-input {
28
- height: 30px;
29
- border-width: 0;
30
- width: 100%;
31
- min-width: 25px;
32
- }
33
- .s-input:focus {
34
- outline-width: 0;
35
- }
36
- .s-dropdown {
37
- width: 35px;
38
- border-radius: 0 5px 5px 0;
39
- display: flex;
40
- align-items: center;
41
- justify-content: center;
42
- }
43
- .s-dropdown:hover {
44
- background-color: #e7e9ed;
45
- cursor: pointer;
46
- }
47
- .s-dropdown-icon {
48
- color: var(--p-form-field-icon-color);
49
- }
50
-
51
- ::ng-deep {
52
- .p-popover.p-popover-flipped:before {
53
- display: none;
54
- }
55
- .p-popover.p-popover-flipped:after {
56
- display: none;
57
- }
58
- .p-popover:before {
59
- display: none;
60
- }
61
- .p-popover:after {
62
- display: none;
63
- }
64
- .p-popover {
65
- margin-top: 2.5px;
66
- }
67
- .p-popover-flipped {
68
- margin-top: -5px;
69
- }
70
- }
1
+ @import 'styles';
2
+ .s-main {
3
+ display: flex;
4
+ align-items: stretch;
5
+ position: relative;
6
+ color: #334155;
7
+ margin-bottom: 15px;
8
+ }
9
+ .s-active {
10
+ border: 1px solid var(--p-form-field-focus-border-color);
11
+ }
12
+ .s-unactive {
13
+ border: 1px solid var(--p-form-field-border-color);
14
+ }
15
+ .s-container {
16
+ border-radius: 5px;
17
+ padding: 1.25px 0;
18
+ width: 100%;
19
+ }
20
+ .s-search {
21
+ color: var(--p-form-field-icon-color);
22
+ padding: 0 10px;
23
+ }
24
+ .s-input-container {
25
+ padding: 1.25px 0;
26
+ }
27
+ .s-input {
28
+ height: 30px;
29
+ border-width: 0;
30
+ width: 100%;
31
+ min-width: 25px;
32
+ }
33
+ .s-input:focus {
34
+ outline-width: 0;
35
+ }
36
+ .s-dropdown {
37
+ width: 35px;
38
+ border-radius: 0 5px 5px 0;
39
+ display: flex;
40
+ align-items: center;
41
+ justify-content: center;
42
+ }
43
+ .s-dropdown:hover {
44
+ background-color: #e7e9ed;
45
+ cursor: pointer;
46
+ }
47
+ .s-dropdown-icon {
48
+ color: var(--p-form-field-icon-color);
49
+ }
50
+
51
+ ::ng-deep {
52
+ .p-popover.p-popover-flipped:before {
53
+ display: none;
54
+ }
55
+ .p-popover.p-popover-flipped:after {
56
+ display: none;
57
+ }
58
+ .p-popover:before {
59
+ display: none;
60
+ }
61
+ .p-popover:after {
62
+ display: none;
63
+ }
64
+ .p-popover {
65
+ margin-top: 2.5px;
66
+ }
67
+ .p-popover-flipped {
68
+ margin-top: -5px;
69
+ }
70
+ }
package/src/lib/search/pop-date/pop-date.component.scss CHANGED
@@ -1,67 +1,67 @@
1
- @import '../../styles/styles.scss';
2
- ::ng-deep {
3
- .s-pop-date-container {
4
- .p-inputtext {
5
- font-size: 12px;
6
- }
7
- .p-select-sm .p-select-label {
8
- font-size: 12px;
9
- }
10
- }
11
- .s-pop-date-select-panel {
12
- .p-select-option {
13
- font-size: 12px;
14
- padding: 0.25rem 0.75rem;
15
- }
16
- }
17
- .s-pop-date-datepicker-panel {
18
- .p-datepicker-calendar {
19
- font-size: 12px;
20
- .p-datepicker-day-view {
21
- font-size: 12px;
22
- .p-datepicker-day {
23
- height: 1.5rem;
24
- width: 1.5rem;
25
- }
26
- }
27
- }
28
- }
29
- }
30
- .s-pop-date-container {
31
- padding: 5px 0;
32
- border-bottom: solid 1px #d6d8db;
33
- }
34
- .s-pop-date-label {
35
- padding: 2.5px 1.6rem;
36
- display: flex;
37
- justify-content: space-between;
38
- align-items: center;
39
- // font-size: 14px;
40
- }
41
- .s-pop-date-label-icon {
42
- color: var(--p-form-field-icon-color);
43
- font-size: 12px;
44
- }
45
- .s-pop-date-label:hover {
46
- background-color: var(--p-list-option-focus-background);
47
- cursor: pointer;
48
- }
49
- .s-pop-date-panel {
50
- padding: 6px 0;
51
- }
52
- .s-pop-date-panel-show {
53
- display: block;
54
- }
55
- .s-pop-date-panel-hide {
56
- display: none;
57
- }
58
- .s-pop-date-range {
59
- padding: 0.5rem 2rem;
60
- height: 30px;
61
- font-size: 12px;
62
- }
63
- .s-pop-date-picker {
64
- padding: 0.5rem 2rem;
65
- height: 30px;
66
- font-size: 12px;
67
- }
1
+ @import '../../styles/styles.scss';
2
+ ::ng-deep {
3
+ .s-pop-date-container {
4
+ .p-inputtext {
5
+ font-size: 12px;
6
+ }
7
+ .p-select-sm .p-select-label {
8
+ font-size: 12px;
9
+ }
10
+ }
11
+ .s-pop-date-select-panel {
12
+ .p-select-option {
13
+ font-size: 12px;
14
+ padding: 0.25rem 0.75rem;
15
+ }
16
+ }
17
+ .s-pop-date-datepicker-panel {
18
+ .p-datepicker-calendar {
19
+ font-size: 12px;
20
+ .p-datepicker-day-view {
21
+ font-size: 12px;
22
+ .p-datepicker-day {
23
+ height: 1.5rem;
24
+ width: 1.5rem;
25
+ }
26
+ }
27
+ }
28
+ }
29
+ }
30
+ .s-pop-date-container {
31
+ padding: 5px 0;
32
+ border-bottom: solid 1px #d6d8db;
33
+ }
34
+ .s-pop-date-label {
35
+ padding: 2.5px 1.6rem;
36
+ display: flex;
37
+ justify-content: space-between;
38
+ align-items: center;
39
+ // font-size: 14px;
40
+ }
41
+ .s-pop-date-label-icon {
42
+ color: var(--p-form-field-icon-color);
43
+ font-size: 12px;
44
+ }
45
+ .s-pop-date-label:hover {
46
+ background-color: var(--p-list-option-focus-background);
47
+ cursor: pointer;
48
+ }
49
+ .s-pop-date-panel {
50
+ padding: 6px 0;
51
+ }
52
+ .s-pop-date-panel-show {
53
+ display: block;
54
+ }
55
+ .s-pop-date-panel-hide {
56
+ display: none;
57
+ }
58
+ .s-pop-date-range {
59
+ padding: 0.5rem 2rem;
60
+ height: 30px;
61
+ font-size: 12px;
62
+ }
63
+ .s-pop-date-picker {
64
+ padding: 0.5rem 2rem;
65
+ height: 30px;
66
+ font-size: 12px;
67
+ }
package/src/lib/search/pop-list/pop-list.component.scss CHANGED
@@ -1,23 +1,23 @@
1
- @import '../../styles/styles.scss';
2
- .s-check {
3
- padding: 0 2.5px;
4
- font-size: 1rem;
5
- width: 1.5rem;
6
- line-height: 1;
7
- display: inline-block;
8
- }
9
- .s-pop-panel-item {
10
- padding: 6px 0;
11
- border-bottom: solid 1px #d6d8db;
12
- }
13
- .s-pop-panel-item-option {
14
- // font-size: 14px;
15
- padding: 2px 0;
16
- }
17
- .s-pop-panel-item-option:hover {
18
- background-color: var(--p-list-option-focus-background);
19
- cursor: pointer;
20
- }
21
- .s-pop-panel-item-selected-option {
22
- color: var(--p-form-field-focus-border-color)
23
- }
1
+ @import '../../styles/styles.scss';
2
+ .s-check {
3
+ padding: 0 2.5px;
4
+ font-size: 1rem;
5
+ width: 1.5rem;
6
+ line-height: 1;
7
+ display: inline-block;
8
+ }
9
+ .s-pop-panel-item {
10
+ padding: 6px 0;
11
+ border-bottom: solid 1px #d6d8db;
12
+ }
13
+ .s-pop-panel-item-option {
14
+ // font-size: 14px;
15
+ padding: 2px 0;
16
+ }
17
+ .s-pop-panel-item-option:hover {
18
+ background-color: var(--p-list-option-focus-background);
19
+ cursor: pointer;
20
+ }
21
+ .s-pop-panel-item-selected-option {
22
+ color: var(--p-form-field-focus-border-color)
23
+ }
package/src/lib/search/pop-panel/pop-panel.component.scss CHANGED
@@ -1,32 +1,32 @@
1
- @import '../../styles/styles.scss';
2
-
3
- // @media (min-width:768px) {
4
- // .panel-box {
5
- // width:535px
6
- // }
7
- // }
8
- .s-pop-show {
9
- display: block;
10
- }
11
- .s-pop-hide {
12
- display: none;
13
- }
14
- .s-pop-panel-title {
15
- // font-size: 14px;
16
- display: flex;
17
- align-items: center;
18
- font-weight: 600;
19
- margin-left: 1rem;
20
- }
21
- .s-pop-panel-title-icon {
22
- padding: 0 5px;
23
- // font-size: 14px;
24
- color: var(--p-primary-color);
25
- }
26
- .s-check {
27
- padding: 0 2.5px;
28
- font-size: 1rem;
29
- width: 1.5rem;
30
- line-height: 1;
31
- display: inline-block;
32
- }
1
+ @import '../../styles/styles.scss';
2
+
3
+ // @media (min-width:768px) {
4
+ // .panel-box {
5
+ // width:535px
6
+ // }
7
+ // }
8
+ .s-pop-show {
9
+ display: block;
10
+ }
11
+ .s-pop-hide {
12
+ display: none;
13
+ }
14
+ .s-pop-panel-title {
15
+ // font-size: 14px;
16
+ display: flex;
17
+ align-items: center;
18
+ font-weight: 600;
19
+ margin-left: 1rem;
20
+ }
21
+ .s-pop-panel-title-icon {
22
+ padding: 0 5px;
23
+ // font-size: 14px;
24
+ color: var(--p-primary-color);
25
+ }
26
+ .s-check {
27
+ padding: 0 2.5px;
28
+ font-size: 1rem;
29
+ width: 1.5rem;
30
+ line-height: 1;
31
+ display: inline-block;
32
+ }
package/src/lib/search/pop-select/pop-select.component.scss CHANGED
@@ -1,39 +1,39 @@
1
- ::ng-deep {
2
- .s-pop-select-popover {
3
- .p-popover-content {
4
- padding: var(--p-select-list-padding);
5
- }
6
- }
7
- }
8
- .s-pop-select-container {
9
- padding: 5px 0;
10
- border-bottom: solid 1px #d6d8db;
11
- position: relative;
12
- }
13
- .s-pop-select-label {
14
- padding: 2.5px 1.6rem;
15
- display: flex;
16
- justify-content: space-between;
17
- align-items: center;
18
- // font-size: 14px;
19
- }
20
- .s-pop-select-label-icon {
21
- color: var(--p-form-field-icon-color);
22
- font-size: 12px;
23
- }
24
- .s-pop-select-label:hover {
25
- background-color: var(--p-list-option-focus-background);
26
- cursor: pointer;
27
- }
28
- .s-pop-select-panel-item-option {
29
- font-size: 12px;
30
- padding: 0.25rem 0.75rem;
31
- }
32
- .s-pop-select-panel-item-option:hover {
33
- background-color: var(--p-list-option-focus-background);
34
- cursor: pointer;
35
- }
36
- .s-pop-select-content {
37
- max-height: 250px;
38
- overflow-y: scroll;
39
- }
1
+ ::ng-deep {
2
+ .s-pop-select-popover {
3
+ .p-popover-content {
4
+ padding: var(--p-select-list-padding);
5
+ }
6
+ }
7
+ }
8
+ .s-pop-select-container {
9
+ padding: 5px 0;
10
+ border-bottom: solid 1px #d6d8db;
11
+ position: relative;
12
+ }
13
+ .s-pop-select-label {
14
+ padding: 2.5px 1.6rem;
15
+ display: flex;
16
+ justify-content: space-between;
17
+ align-items: center;
18
+ // font-size: 14px;
19
+ }
20
+ .s-pop-select-label-icon {
21
+ color: var(--p-form-field-icon-color);
22
+ font-size: 12px;
23
+ }
24
+ .s-pop-select-label:hover {
25
+ background-color: var(--p-list-option-focus-background);
26
+ cursor: pointer;
27
+ }
28
+ .s-pop-select-panel-item-option {
29
+ font-size: 12px;
30
+ padding: 0.25rem 0.75rem;
31
+ }
32
+ .s-pop-select-panel-item-option:hover {
33
+ background-color: var(--p-list-option-focus-background);
34
+ cursor: pointer;
35
+ }
36
+ .s-pop-select-content {
37
+ max-height: 250px;
38
+ overflow-y: scroll;
39
+ }
package/src/lib/search/pop-self/pop-self.component.scss CHANGED
@@ -1,80 +1,80 @@
1
- @import '../../styles/styles.scss';
2
- ::ng-deep {
3
- .s-pop-self-container {
4
- .p-inputtext {
5
- font-size: 12px;
6
- }
7
- .p-select-sm .p-select-label {
8
- font-size: 12px;
9
- }
10
- }
11
- .s-pop-self-select-panel {
12
- .p-select-option {
13
- font-size: 12px;
14
- padding: 0.25rem 0.75rem;
15
- }
16
- }
17
- .s-pop-self-datepicker-panel {
18
- .p-datepicker-calendar {
19
- font-size: 12px;
20
- .p-datepicker-day-view {
21
- font-size: 12px;
22
- .p-datepicker-day {
23
- height: 1.5rem;
24
- width: 1.5rem;
25
- }
26
- }
27
- }
28
- }
29
- }
30
- .s-pop-self-container {
31
- padding: 5px 0;
32
- }
33
- .s-pop-self-label {
34
- padding: 2.5px 1.6rem;
35
- display: flex;
36
- justify-content: space-between;
37
- align-items: center;
38
- // font-size: 14px;
39
- }
40
- .s-pop-self-label-icon {
41
- color: var(--p-form-field-icon-color);
42
- font-size: 12px;
43
- }
44
- .s-pop-self-label:hover {
45
- background-color: var(--p-list-option-focus-background);
46
- cursor: pointer;
47
- }
48
- .s-pop-self-panel {
49
- padding: 6px 0;
50
- }
51
- .s-pop-self-panel-show {
52
- display: block;
53
- }
54
- .s-pop-self-panel-hide {
55
- display: none;
56
- }
57
- .s-pop-self-item {
58
- padding: 0.5rem 2rem;
59
- height: 30px;
60
- font-size: 12px;
61
- }
62
- .s-pop-self-item-btn-container {
63
- display: flex;
64
- justify-content: space-between;
65
- align-items: center;
66
- font-size: 12px;
67
- }
68
- .s-pop-self-item-btn {
69
- border-radius: 2px;
70
- padding: 2px;
71
- }
72
- .s-pop-self-item-btn:hover {
73
- color: var(--p-primary-color);
74
- cursor: pointer;
75
- }
76
- .date-span {
77
- background-color: #f8f8f8;
78
- height: 21px;
79
- color: #b6bbba;
80
- }
1
+ @import '../../styles/styles.scss';
2
+ ::ng-deep {
3
+ .s-pop-self-container {
4
+ .p-inputtext {
5
+ font-size: 12px;
6
+ }
7
+ .p-select-sm .p-select-label {
8
+ font-size: 12px;
9
+ }
10
+ }
11
+ .s-pop-self-select-panel {
12
+ .p-select-option {
13
+ font-size: 12px;
14
+ padding: 0.25rem 0.75rem;
15
+ }
16
+ }
17
+ .s-pop-self-datepicker-panel {
18
+ .p-datepicker-calendar {
19
+ font-size: 12px;
20
+ .p-datepicker-day-view {
21
+ font-size: 12px;
22
+ .p-datepicker-day {
23
+ height: 1.5rem;
24
+ width: 1.5rem;
25
+ }
26
+ }
27
+ }
28
+ }
29
+ }
30
+ .s-pop-self-container {
31
+ padding: 5px 0;
32
+ }
33
+ .s-pop-self-label {
34
+ padding: 2.5px 1.6rem;
35
+ display: flex;
36
+ justify-content: space-between;
37
+ align-items: center;
38
+ // font-size: 14px;
39
+ }
40
+ .s-pop-self-label-icon {
41
+ color: var(--p-form-field-icon-color);
42
+ font-size: 12px;
43
+ }
44
+ .s-pop-self-label:hover {
45
+ background-color: var(--p-list-option-focus-background);
46
+ cursor: pointer;
47
+ }
48
+ .s-pop-self-panel {
49
+ padding: 6px 0;
50
+ }
51
+ .s-pop-self-panel-show {
52
+ display: block;
53
+ }
54
+ .s-pop-self-panel-hide {
55
+ display: none;
56
+ }
57
+ .s-pop-self-item {
58
+ padding: 0.5rem 2rem;
59
+ height: 30px;
60
+ font-size: 12px;
61
+ }
62
+ .s-pop-self-item-btn-container {
63
+ display: flex;
64
+ justify-content: space-between;
65
+ align-items: center;
66
+ font-size: 12px;
67
+ }
68
+ .s-pop-self-item-btn {
69
+ border-radius: 2px;
70
+ padding: 2px;
71
+ }
72
+ .s-pop-self-item-btn:hover {
73
+ color: var(--p-primary-color);
74
+ cursor: pointer;
75
+ }
76
+ .date-span {
77
+ background-color: #f8f8f8;
78
+ height: 21px;
79
+ color: #b6bbba;
80
+ }