blob: 2243dc2bf9e18a1030826509cfaba0ee18228a41 [file] [log] [blame]
Sean Condon83fc39f2018-04-19 18:56:13 +01001<!--
2~ Copyright 2014-present Open Networking Foundation
3~
4~ Licensed under the Apache License, Version 2.0 (the "License");
5~ you may not use this file except in compliance with the License.
6~ You may obtain a copy of the License at
7~
8~ http://www.apache.org/licenses/LICENSE-2.0
9~
10~ Unless required by applicable law or agreed to in writing, software
11~ distributed under the License is distributed on an "AS IS" BASIS,
12~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13~ See the License for the specific language governing permissions and
14~ limitations under the License.
15-->
Bhavesh72ead492018-07-19 16:29:18 +053016<div class="tooltip">
Sean Condon2bd11b72018-06-15 08:00:48 +010017<svg class="embeddedIcon" [attr.width]="iconSize" [attr.height]="iconSize" viewBox="0 0 50 50" (mouseover)="toolTipDisp = toolTip" (mouseout)="toolTipDisp = undefined">
18 <g class="icon" [ngClass]="classes">
Sean Condon83fc39f2018-04-19 18:56:13 +010019 <rect width="50" height="50" rx="5"></rect>
20 <use width="50" height="50" class="glyph" [attr.href]="iconTag()"></use>
21 </g>
22</svg>
Sean Condon2bd11b72018-06-15 08:00:48 +010023<!-- I'm fixing class as light as view encapsulation changes how the hirerarchy of css is handled -->
Bhavesh72ead492018-07-19 16:29:18 +053024
25<!-- <p id="tooltip" class="light" *ngIf="toolTip" [ngStyle]="{ 'display': toolTipDisp ? 'inline-block':'none'}">{{ toolTipDisp }}</p> -->
26
27 <span class="tooltiptext" [ngStyle]="{ 'display': toolTipDisp ? 'inline-block':'none'}">{{toolTipDisp}}</span>
28</div>