summaryrefslogtreecommitdiffstats
path: root/vid-webpack-master/src/app/shared/components/popover
diff options
context:
space:
mode:
authorSonsino, Ofir (os0695) <os0695@intl.att.com>2018-07-10 15:57:37 +0300
committerSonsino, Ofir (os0695) <os0695@intl.att.com>2018-07-10 15:57:37 +0300
commitff76b5ed0aa91d5fdf9dc4f95e8b20f91ed9d072 (patch)
treeaae42404a93fdffdd16ff050eaa28129959f7577 /vid-webpack-master/src/app/shared/components/popover
parentc72d565bb58226b20625b2bce5f0019046bee649 (diff)
New Angular UI from 1806
Change-Id: I39c160db0e0a6ec2e587ccf007ee1b23c6a08666 Issue-ID: VID-208 Signed-off-by: Sonsino, Ofir (os0695) <os0695@intl.att.com>
Diffstat (limited to 'vid-webpack-master/src/app/shared/components/popover')
-rw-r--r--vid-webpack-master/src/app/shared/components/popover/popover.component.html8
-rw-r--r--vid-webpack-master/src/app/shared/components/popover/popover.component.scss4
-rw-r--r--vid-webpack-master/src/app/shared/components/popover/popover.component.ts17
3 files changed, 29 insertions, 0 deletions
diff --git a/vid-webpack-master/src/app/shared/components/popover/popover.component.html b/vid-webpack-master/src/app/shared/components/popover/popover.component.html
new file mode 100644
index 000000000..c5515596c
--- /dev/null
+++ b/vid-webpack-master/src/app/shared/components/popover/popover.component.html
@@ -0,0 +1,8 @@
+<div
+ triggers="mouseenter:mouseleave"
+ popover="{{value}}"
+ [hidden]="value == null"
+ container="body">
+ <ng-content ></ng-content>
+</div>
+
diff --git a/vid-webpack-master/src/app/shared/components/popover/popover.component.scss b/vid-webpack-master/src/app/shared/components/popover/popover.component.scss
new file mode 100644
index 000000000..ca2800a27
--- /dev/null
+++ b/vid-webpack-master/src/app/shared/components/popover/popover.component.scss
@@ -0,0 +1,4 @@
+.popover.popover-top.top {
+ color : green !important;
+ font-size: 10px;
+}
diff --git a/vid-webpack-master/src/app/shared/components/popover/popover.component.ts b/vid-webpack-master/src/app/shared/components/popover/popover.component.ts
new file mode 100644
index 000000000..d6a4c3ae1
--- /dev/null
+++ b/vid-webpack-master/src/app/shared/components/popover/popover.component.ts
@@ -0,0 +1,17 @@
+import {Component, Input} from "@angular/core";
+
+@Component({
+ selector: 'custom-popover',
+ templateUrl: 'popover.component.html',
+ styles: [`
+ :host >>> .popover {
+ font-size: 13px;
+ text-align: left;
+ z-index: 10000;
+ }
+ `]
+})
+
+export class PopoverComponent {
+ @Input() value: String;
+}