@dev-tcloud/tcloud-ui 0.0.94 → 0.0.95

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 (14) hide show
  1. package/esm2020/lib/_directives/tooltip/tooltip.directive.mjs +1 -43
  2. package/esm2020/lib/_modules/tcloud-ui-choice-issues/tcloud-ui-choice-issues.component.mjs +1 -2
  3. package/esm2020/lib/_modules/tcloud-ui-data-list/tcloud-ui-data-list-option/tcloud-ui-data-list-option.component.mjs +1 -2
  4. package/esm2020/lib/_modules/tcloud-ui-datepicker/tcloud-ui-datepicker.component.mjs +1 -6
  5. package/esm2020/lib/_modules/tcloud-ui-datepicker-time/tcloud-ui-datepicker-time.component.mjs +3 -4
  6. package/esm2020/lib/_modules/tcloud-ui-filters/components/range-date/range-date.component.mjs +2 -2
  7. package/esm2020/lib/_modules/tcloud-ui-multiples-values/tcloud-ui-multiples-values.component.mjs +3 -5
  8. package/fesm2015/dev-tcloud-tcloud-ui.mjs +6 -59
  9. package/fesm2015/dev-tcloud-tcloud-ui.mjs.map +1 -1
  10. package/fesm2020/dev-tcloud-tcloud-ui.mjs +6 -58
  11. package/fesm2020/dev-tcloud-tcloud-ui.mjs.map +1 -1
  12. package/lib/_directives/tooltip/tooltip.directive.d.ts +0 -1
  13. package/package.json +1 -1
  14. package/scss/components/custom/tooltip.scss +70 -44
package/lib/_directives/tooltip/tooltip.directive.d.ts CHANGED
@@ -23,7 +23,6 @@ export declare class TCloudUiTooltipDirective implements OnInit {
23
23
  generateID(): string;
24
24
  getElement(): HTMLElement | undefined;
25
25
  check(tooltip: any): void;
26
- setStyle(el: any): void;
27
26
  create_tooltip(tip: any, el: any): void;
28
27
  to_top(el: any): void;
29
28
  to_bottom(el: any): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dev-tcloud/tcloud-ui",
3
- "version": "0.0.94",
3
+ "version": "0.0.95",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^14.1.0",
6
6
  "@angular/core": "^14.1.0"
package/scss/components/custom/tooltip.scss CHANGED
@@ -8,59 +8,85 @@
8
8
  .tc-directive-tooltip{
9
9
  background-color: var(--bk-tootltip) !important;
10
10
  color: var(--color-text-tooltip) !important;
11
+
12
+ &:before {
13
+ content: "";
14
+ position: absolute;
15
+ width: 0;
16
+ height: 0;
17
+ border: 8px solid transparent;
18
+ z-index: -1;
19
+ }
11
20
  }
12
21
 
13
22
 
14
- .tc-directive-tooltip-top:before{
15
- content: "";
16
- position: absolute;
17
- left: calc( 50% - 8px);
18
- top: calc( 100% - 11px);
19
- width: 15px;
20
- height: 15px;
21
- transform: rotateZ(45deg);
22
- background-color: var(--bk-tootltip);
23
- border: none;
24
- z-index: -1;
23
+ .tc-directive-tooltip-top {
24
+ left: 50%;
25
+ bottom: 100%;
26
+ transform: translate(-50%, -12px);
27
+
28
+ &:before {
29
+ bottom: 0;
30
+ left: 50%;
31
+ transform: translate(-50%, 90%);
32
+ border-bottom: 0;
33
+ border-top-color: var(--bk-tootltip);
34
+ }
25
35
  }
26
36
 
27
- .tc-directive-tooltip-bottom:before{
28
- content: "";
29
- position: absolute;
30
- left: calc( 50% - 8px);
31
- top: -3px;
32
- width: 15px;
33
- height: 15px;
34
- transform: rotateZ(45deg);
35
- background-color: var(--bk-tootltip);
36
- border: none;
37
- z-index: -1;
37
+ .tc-directive-tooltip-bottom {
38
+ left: 50%;
39
+ top: 100%;
40
+ transform: translate(-50%, 12px);
41
+
42
+ &:before {
43
+ top: 0;
44
+ left: 50%;
45
+ transform: translate(-50%, -90%);
46
+ border-top: 0;
47
+ border-bottom-color: var(--bk-tootltip);
48
+ }
38
49
  }
39
50
 
40
- .tc-directive-tooltip-right:before{
41
- content: "";
42
- position: absolute;
43
- left: -4px;
44
- top: calc( 50% - 8px);
45
- width: 15px;
46
- height: 15px;
47
- transform: rotateZ(45deg);
48
- background-color: var(--bk-tootltip);
49
- border: none;
50
- z-index: -1;
51
+ .tc-directive-tooltip-right {
52
+ left: 100%;
53
+ top: 50%;
54
+ transform: translate(12px, -50%);
55
+
56
+ &:before {
57
+ top: 50%;
58
+ left: 0;
59
+ transform: translate(-90%, -50%);
60
+ border-left: 0;
61
+ border-right-color: var(--bk-tootltip);
62
+ }
63
+ }
64
+
65
+ .tc-directive-tooltip-left {
66
+ right: 100%;
67
+ top: 50%;
68
+ transform: translate(-12px, -50%);
69
+
70
+ &:before {
71
+ top: 50%;
72
+ right: 0;
73
+ transform: translate(90%, -50%);
74
+ border-right: 0;
75
+ border-left-color: var(--bk-tootltip);
76
+ }
51
77
  }
52
78
 
53
- .tc-directive-tooltip-left:before{
54
- content: "";
55
- position: absolute;
56
- left: calc( 100% - 10px);
57
- top: calc( 50% - 8px);
58
- width: 15px;
59
- height: 15px;
60
- transform: rotateZ(45deg);
61
- background-color: var(--bk-tootltip);
62
- border: none;
63
- z-index: -1;
79
+ [id ^= tc-tooltip-] {
80
+ position: absolute;
81
+ display: none;
82
+ padding: 10px;
83
+ border-radius: 8px;
84
+ text-align: center;
85
+ width: max-content;
86
+ max-width: 250px;
87
+ background-color: transparent;
88
+ color: transparent;
89
+ z-index: 1090;
64
90
  }
65
91
 
66
92
  .main-tooltip{